klyz505 发表于 2010-4-28 20:38:20

我是不是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，才发现还有这功能```

klyz505 发表于 2010-4-29 08:21:29


<!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>


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

klyz505 发表于 2010-4-29 08:25:02

查了一下，跟Transitional有关。。。

哈哈大侠 发表于 2010-4-29 15:06:38

ie6不支持

coolcfxp 发表于 2010-7-2 19:43:38

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

hk8082 发表于 2010-7-5 11:56:52

:loveliness: IE6顶一下

hzjdak 发表于 2010-7-7 08:46:21

确实out了。。

aiqingxia 发表于 2010-10-19 14:23:46

ie6不支持。。。。了解下就可以

wyysf 发表于 2010-10-24 12:24:02

不能说你out了，只能说你对css的了解太少了！不能怪ie6！只能怪中国的盗版，人家微软现在浏览器都出到ie9了，人家微软很想杀死ie6，但是在中国它做不到！
页: [1]
查看完整版本: 我是不是OUT了？突然才发现hover可以随便用...