为所有的页面元素添加 :hover 属性

09 Feb.

FireFox 下，所有的页面元素都有 :hover 属性，当鼠标悬停时，可以变换样式，能给用户一个好的体验。但是 IE 下面，只有超级链接标签（A）才具备此属性，本文介绍的是通过 expression 设置，解决 IE 的这一问题。

<style type="text/css" media="projection, screen">
.whatever {
background: #808080;
padding: 10px;
width:90%;
margin:0 auto;
color:#fff;
}
.whatever:hover, .whateverhover {
background: #eaeaea;
color:#333;
}
</style>
<!--[if lte IE 6]>
<style type="text/css" media="projection, screen">
.whatever {
behavior: expression(
this.onmouseover = new Function("this.className += ' whateverhover';"),
this.onmouseout = new Function("this.className = this.className.replace(' whateverhover', '');"),
this.style.behavior = null
);
}
/*.whatever {
background-color: expression(
!this.js ? (this.js = 1,
this.onmouseover = new Function("this.className += ' whateverhover';"),
this.onmouseout = new Function("this.className = this.className.replace(' whateverhover', '');")
) : false);
);
}*/
/*.whatever {
background-color: expression(
this.onmouseover = new Function("this.className += ' whateverhover';"),
this.onmouseout = new Function("this.className = this.className.replace('whateverhover', '');")
);
}*/
</style>
<![endif]-->

· 本文由木炭发布在《激情燃烧的木炭》上，原文地址为：http://www.woodcoal.cn/technology/web/2009217-15440-520.html（转载请保留本信息、全文内容和链接）

发表评论

已经有 0 位朋友发表了对《为所有的页面元素添加 :hover 属性》的看法