css实现ie6下hover作用

作者:林炜贤来源:www.163css.com发表时间:(2010-09-13)

css当中,hover的作用是实现变色,下划线,改变背景色等。在ie7以上浏览器,包括ie7都非常好地支持了hover属性。当我在制作一个栏目时,可以很轻松地实现块级别的背景色改变。然而,由于ie6只支持a的hover作用,这导致有些动画不得不通过脚本来实现。

今天,我向大家介绍的是一个旅游模块的hover现现,需要加上以一段脚本。脚本的重点在于,当鼠标划过块级时,样式名将改变,划出时清除样式名。这意味着,你在在样式表中要为ie6单独写一个样式名。

以下是我制作的效果截图:

 

ie6自身有许多缺点,但有一个地方我是比较喜欢的,就是当宽度超过的时候,就会页面掉下来,按道理说这才是正确的,但ie6以上的浏览器却不这么做,真是奇怪,可能是为了页面的美观!

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/css/201009/ie6hover/index.html

下载地址:css实现ie6下hover作用.rar

返回作者主页:www.163css.com阅读 (8658)
更多 1