CSS divcss5Html基础 html入门 CSS基础 CSS入门 CSS Hack CSS模块特效 CSS知答 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:165px; 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

DIVCSS5 LOGO

对应html代码

<img src="divcss5-logo-2013.gif" alt="DIVCSS5 LOGO" />

 

2、以下是对ul li设置:hover li:hover

对应HTML代码:

<ul>
<li>对li设置hover样式,鼠标经过加CSS边框</li>
</ul>

 

3、以下是对新建css命名".abc"设置:hover .abc:hover

对.abc:hover,鼠标经过时候文字颜色变红

对应html代码

<div class="abc">对.abc:hover,鼠标经过时候文字颜色变红</div>

 

返回下载 ie6支持hover:http://www.divcss5.com/css-hack/c528.shtml