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}

Natural and beautiful
The appearance is natural and innocent, crystal clear, and the color is lifelike, close to natural teeth. It maintains its natural color both under light and in natural light, and its reflection and scattering of light is closer to that of natural teeth, giving it a better aesthetic effect.
; Safe and comfortable
It does not contain metal and is composed entirely of porcelain powder. It has no metal base and is light in weight and more comfortable to wear. Porcelain has low thermal conductivity and has a good isolation effect. The dental pulp is less irritating and is more conducive to protecting the health of the dental pulp. -align:left" href="#"> Stable and durable
Hard, wear-resistant, high compressive strength, very good biocompatibility and safety performance, no allergic reaction to metal crowns; no irritation to gums Sex, there will be no gum recession, blue gums, black gum edges, red and swollen gums, etc.; 500px; width:90px; height:30px; font-size:17.78px; float:left; text-align:left" href="#"> Healthy and long-lasting
It has relatively high strength and toughness, good durability, and can be used in Permanently stored in the oral cavity;
Diamond Quality
It is transparent to X-rays and will not be affected when head CT and MRI examinations are required in the future. There is no need to remove the dentures.