CSS for a line of code, I have spent two nights to think, the result is that the feeling ie a bit abnormal. With a normal idea, FIREFOXAnd so the browser is no problem, only IE can not be. Only if you add a line of garbage code, IE can be displayed properly.
Here's the effect.
HTML code <! doctypehtml Public "-//w3c//dtd XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "><ptml xmlns=" http://www.w3.org/1999/xhtml "><pead><meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/><title>test div</title><style>body{margin:0; padding:0; font-size:12px; Background: #333333; line-height:1.7; Font-family:verdana, "Song Body"; Overflow:hidden} #info {width:600px; background: #666666; margin-left:auto;margin-right:auto; text-align:center; border:1px solid #FFFFFF; height:450px; margin-top:20px;} h3{margin:30px 0 0 0; color: #CC0000; Font-size:12px;color: #FFF}span{visibility:hidden; position:absolute; overflow: Hidden;} ul,li{list-style:none; margin:0; padding:0;} a:active,a:hover{cursor:pointer}a:hover span,a:active span{position:absolute; top:90px; z-index:20px;visibility: Visible margin-left:-500px;} #info img{width:400px; height:280px border:7px Solid #FFFFFF} #zs {height:340px; overflow:auto; width:140px; float:right;margin-top:20px; margin-bottom:50px}. z{width:80px height:56px;display:block border:1px solid #FFFFFF margin:4px 0 4px 25px;color: #FFF}.b1{Background:url (Images/b1.jpg)}. b2{Background:url (images/b2.jpg)}.b3{Background:url (images/b3.jpg)}.b4{Background:url (images/b4.jpg)}.b5{ Background:url (images/b5.jpg)}.b6{Background:url (images/b6.jpg)}</style></head><body><div Id= "Info" > <p> mouse CSS album </p> <div id= "Zs" ><ul> <li><a href= "http://www.zishu.cn "Class=" B1 z "target=" _blank "title=" Photo 1 "><span><br/> This is the photo 1<br/>www.zishu.cn</span></a></li> <li><ahref=" http:// www.zishu.cn "class=" B2 z "target=" _blank "title=" Photo 2 "><span><br/> This is the photo 2<br/>www.zishu.cn</span></a></li> <li><ahref= "http://www. zishu.cn "class=" B3 z "target=" _blank "title=" Photo 3 "><span><br/> This is the photo 3<br/>www.zishu.cn</span></a></li> <li><ahref = "http://www.zishu.cn" class= "B4 z" target= "_blank" title= "Photo 4" ><span><br/> This is the photo 4<br/>www.zishu.cn</span></a></li> <li><ahref= "http://www.zishu.cn" class= "B5 z" target= "_blank" title= "Photo 5" ><span><br/> This is the photo 5<br/>www.zishu.cn</span></a ></li> <li><ahref= "http://www.zishu.cn" class= "B6 z" target= "_blank" title= "Photo 6" ><span> <br/> This is the photo 6<br/>www.zishu.cn</ span></a></li> <li><ahref= "http://www.zishu.cn" class= "B1 z" target= "_blank" title= "Photo 1" ><span><br/> This is the photo 1< BR/>www.zishu.cn</span></a></li> <li><ahref= "http://www.zishu.cn" class= "B2 z" target= "_blank" title= "Photo 2" ><span>< br/> This is the photo 2<br/>www.zishu.cn</span></a></li> </ul> </div></div></ Body></html>
