无忧脚本 » Html & XHtml & CSS 网页制作讨论版 » 我是不是OUT了?突然才发现hover可以随便用...

2010-4-28 20:38 klyz505
我是不是OUT了?突然才发现hover可以随便用...

一直以为:a:hover {/*鼠标移过时的新样式...*/}

刚才写一段代码,

CSS代码:
.myhover {/*...*/}
.myhover:hover {/*...*/}

html代码:
<a class="myhover" ....></a>
后来因为要多加几个链接,便把a改成div,换成了<div class="myhover"></div>
然后想着,要把鼠标移过时的样式改成用js的onmouseover和onmouseout...但是在改之前,我想看一下界面排版,刷新了一下,鼠标移过的时候,突然发现,鼠标移过有变化。。。

也就是,hover可以支持div,鼠标经过div时,跟a的效果一样。
我用IE7、IE8、FF测试了,可以用(IE6就算了,那个垃圾...)

是不是我OUT了?...写了好几年的CSS,才发现还有这功能```

2010-4-29 08:21 klyz505
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; utf-8" />
<title>test</title>
</head>
<body>
<style>
.myhover {background-color:#ff0000;}
.myhover:hover {background-color:#0000ff;}
</style>
<div class="myhover">测试文字</div>
</body>
</html>
[/code]

[[I] 本帖最后由 klyz505 于 2010-4-29 08:23 编辑 [/I]]

2010-4-29 08:25 klyz505
查了一下,跟Transitional有关。。。

2010-4-29 15:06 哈哈大侠
ie6不支持

2010-7-2 19:43 coolcfxp
嗯,您OUT了。。
不过我还是要为IE6辩护一下。。说它垃圾是不对的。。人家至少服役了10年,垃圾的是中国互联网“国情”,导致一个古董占有率仍然超过所有现代浏览器的总和。回头看一下,当年IE6可是很先进的浏览器啊。。

2010-7-5 11:56 hk8082
:loveliness: IE6顶一下

2010-7-7 08:46 hzjdak
确实out了。。

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.