效果如下: 利用选择a:hover的子对象, li a {width:90px; height:87px; display:block; position:relative; text-decoration:none;} li a span { display:none;} li a:hover span { display:block; position:absolute; top:70px; left:0; text-align:center; background:#000; color:#fff; width:90px; height:17px; line-height:17px;} 具体例子猛击下面链接: /examples/img-tips/img-tips.html
Tag Archives: hover
hover,focus伪类,这该死的IE
2008年08月13日 – 22:52
/examples/hover-focus.html 看看这样的表单效果,是不是很帅,而且又不需要你花费什么功夫 input[type=text]:hover, input[type=text]:focus { border:1px solid #f60} 不过遗憾的是,IE6除了对于A标签的一些效果,对于其它对象,基本上是不支持伪类效果的;IE7支持了:hover,但还是不支持:focus,Opera和FireFox当然是支持的,当然,要IE支持也不是没有办法,不过要用到js,很多时候,偶想想,还是算了~~现在开始考虑渐进优化,SB浏览器就让他去吧。








