ie6支持hover吗？

正常情况下来说是支持的，如果你的浏览器不支持hover怎么办？那么我们就给大家解决浏览器不支持hover的解决方法。

首先我们要csshover.htc下载

下载压缩包文件解压后得到文件“csshover.htc”，为了避免css样式引入“csshover.htc”路径出错，将此文件与css文件放到相同文件夹内。这里实验就不单独新建css文件，就只有一个"index.html"文件，所以这里将“csshover.htc”与“index.html”放到相同文件夹里。

相同文件夹内

放入相同文件夹内

在body样式选择器内引入文件

定义在body样式选择器内“body { behavior:url("csshover.htc"); }”，可放于样式代码最前面。

body选择器定义

body选择器内定义引入csshover.htc

这样就大功告成，此网页css样式定义如div:hover、li:hover、p:hover、自定义命名css选择名称（.abc:hover）、img:hover，所定义赋予样式IE6均支持了。

特别特别注意：

要成功需要直接在HTML中加以下代码（HTML文件内直接引入csshover.htc文件）：

<style> 
body{behavior:url("csshover.htc");} /* 使用时候注意路径正确 */
</style>

注意csshover.htc路径。

ie6支持hover案例

我们分别进行三个实验实例。

实验实例描述

第一个实例：对img标签赋予hover（即 img:hover{...} ）样式，鼠标经过时图片边大，出现边框与padding距离；

第二个实例：对li标签赋予hover(即 li:hover{...} )样式，鼠标经过时候ul li标签出现黑色边框；

第三个实例：对自己随便命名css样式选择名称赋予hover（即 .abc:hover{...} ）,鼠标经过此abc对象DIV盒子时候，对象内文字变为红色。

此三个小实验实例CSS代码如下：

body { behavior:url("csshover.htc"); }/* css注释：别忘记csshover.htc，使用时候注意路径 */ 
img{width:165px; height:60px; background:#090;}/* 原本图片宽度和高度背景颜色 */ 
img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer} 
/* hover鼠标经过赋予让图片变宽 高，设置padding和2px蓝色边框、css cursor为鼠标指针样式  */ 
li:hover{ border:1px solid #000}/* li列表标签鼠标经过出现黑色边框 */ 
.abc:hover{ color:#F00}/* 对象.abc鼠标经过其内容css字体颜色变红色 */

三实验对应HTML源代码：

<!-- html注释：1 鼠标经过图片变大 --> 
<img src="div -logo-2013.gif" alt="DIV LOGO" /> 
<!-- 2 鼠标经过li出现边框  --> 
<ul> 
<li>对li设置hover样式，鼠标经过加CSS边框</li> 
</ul> 
<!-- 3 鼠标经过abc盒子内文字变为红色  --> 
<div class="abc">对.abc:hover，鼠标经过时候文字颜色变红</div>

浏览器不支持hover的解决方法就这么多，有需要的朋友可以保存一下，也请大家持续关注本站的其他更新。

相关阅读：

html导航条制作的图文代码分享

怎样用CSS操作div的z-index

html的锚文本怎么写

以上就是ie6支持hover吗？的详细内容，更多请关注php中文网其它相关文章！