最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE中伪类:hover的使用及BUG
时间:2008-01-26 编辑:简简单单 来源:一聚教程网
或许用了这么久的伪类:hover,还有部分朋友还不完全了解hover的规则:
引用:
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。
但目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7是支持CSS2中的:hover。
当我们用伪类:hover做某些特殊效果时,依据CSS2很好完成,但为了现在占据主流浏览器的IE6,我们又不得不做很多工作,比如给添加a元素等来模拟完成最终的效果。
或许这样讲太空洞,请看下面一个常见的触发显示的例子(仅选择IE6为例讲解)。
我们先用CSS2的写法来实现:
XHTML部分:
- 鼠标移过来触发我吧!哈哈,终于被你发现了!
CSS部分:
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li { background:#000; font-size:12px; color:#fff; position:relative;}
li a {display:none;}
li:hover a{display:block; text-decoration:none; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}
演示效果:
运行代码框
-
上一个: 网页设计:使用CSS缩写给你的网站加速
-
下一个: 100%点击区的滑动门
相关文章
- Java中Math类常用方法代码详解 07-29
- 阴阳师手游拉条类式神有哪些 07-19
- 烧脑小怪兽illi益智类手游AppStore限免中 07-17
- 查看import的类是出自哪个jar包的方法 07-01
- LED是什么意思 LED有哪些种类 06-30
- 艳阳下的运动精神 体育类手游推荐 06-15