CSS CSS5: Html基础 html入门 CSS基础 CSS入门 CSS Hack CSS模块特效 CSS知答 CSS工具 CSS技巧 DIV+CSS
IE6以及更低版本的浏览器对非A标签加“:hover”的不支持,对于类似的“p:hover”、“img:hover”、"li:hover"、".abc:hover"、“#header:hover”...IE6不支持hover,今天给大家介绍一种完美解决IE6不支持hover的情况,用法很简单,将下载后的“csshover.htc”文件(csshover.htc下载),定义在body样式内“body { behavior:url("csshover.htc"); }”
以下案例效果示范全部CSS代码:
body { behavior:url("csshover.htc"); }
img{width:175px; height:60px; background:#090;}
img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer}
li:hover{ border:1px solid #000}
.abc:hover{ color:#F00}
1、以下是对img设置:hover,鼠标经过时候图片变大 img:hover
对应html代码
<img src="CSS5-logo-2013.gif" alt="CSS5 LOGO" />
2、以下是对ul li设置:hover li:hover
对应HTML代码:
<ul>
<li>对li设置hover样式,鼠标经过加CSS边框</li>
</ul>
3、以下是对新建css命名".abc"设置:hover .abc:hover
对应html代码
<div class="abc">对.abc:hover,鼠标经过时候文字颜色变红</div>