CSS implementation of a description text when the mouse slides over the text, no JS code_html/css_WEB-ITnose

Use css to pop up content, no js code, just copy the code below and use it.

If you need a background image, please download it from the address below, thank you!

Address: http://download.csdn.net/detail/zurich1979/7229061

First the rendering:

1. Background image and text are added by myself :

2. A text box will pop up after the mouse slides over:

The code is as follows:

< style type="text/css">
body{font-size:12px;}
.popup a{position:relative;top:124px; left:225px;text-decoration:none;}
.popup a:hover{text-decoration:none;background:none;}
.popup span{display:none;}
.popup a:hover span{display:block;top:228px;left: 302px; width:200px; height:80px; relative:absolute;padding:10px;border:1px #00FF00 solid}