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文件):

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

登录后复制

 

注意csshover.htc路径。

ie6支持hover案例

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

实验实例描述

第一个实例:对img标签赋予hover(即 img:hover{…} )样式,鼠标经过时图片边大,出现边框与img标签距离;

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

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

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

  1. 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源代码:

  1.  @@##@@  

登录后复制 对li设置hover样式,鼠标经过加CSS边框   对.abc:hover,鼠标经过时候文字颜色变红

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

相关阅读:

img标签

img标签

img标签

ie6支持hover吗?

以上就是ie6支持hover吗?的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    css的网页边框代码

    2025-4-1 2:11:16

    编程技术

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

    2025-4-1 2:11:21

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索