IE下的li:hover问题解决

最新推荐文章于 2021-08-04 04:22:47 发布
最新推荐文章于 2021-08-04 04:22:47 发布
阅读量338 收藏
点赞数
分类专栏： HTML5 JavaEE 文章标签： ie html hover
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alleni123/article/details/84528542
版权
JavaEE 同时被 2 个专栏收录
16 篇文章 0 订阅
订阅专栏
HTML5
10 篇文章 0 订阅
订阅专栏
当在css中设定li:hover{cursor:pointer;}的时候，在chrome下是没问题的，但是在ie9下却没作用。
在网上查了一下，最后修改了文档类型声明，问题就解决了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
这里修改为
<!DOCTYPE>，
也就是html5的doctype。
alleni123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使IE6支持:hover效果使用li:hover或div:hover
12-13
在IE6中只兼容a:hover，要使用li:hover或div：hover，需引用一个文件使其兼容： csshover.htc(点击直接查看) 放在网站的根目录下，并在css文件(或者<style>标签)中，加上 复制代码代码如下: body { behavior:...
li:hover的解决方案
05-08
因为IE6里只有a才有houver属性，为了解决这个问题找了半天，最后找到一个最合适的,其它也不是li:hover.只是用事件改变class对IE6.0而言
IE 6 中的hover问题
Auckland
03-17 159
在IE 6中，只有可以使用hover。 然而在IE 7和ff中，其他的element也可以使用hover。 不过，目前的客户他们还都徘徊在IE 6中呢。 怎么样解决IE 6中其他element的hover问题呢？ 例如，一个div,一个table row 或者一个table gird。 不知道大家在这方面有没有什么经验可以传授。 ...
IE6不支持li:hover的解决办法，一句代码让IE6支持li：hover
weixin_34273046的博客
11-26 104
如果不是因为工作需要，我根本不会理会IE6的兼容问题，甚至我都不想理会IE的所有内核，不过IE9用了下，我还是重新对IE报以期待的。话题扯远了，下面回到话题上来吧。这次要说的内容就是，如果让IE支持li:hover（还有之类的span:hover、div:hover），用过的都应该差不多清楚，IE6只能识别a:hover，但有时候用UL、LI做下拉列表，IE6就一直让我很头疼。有人用的解决办法可能...
li标签用到hover，在ie浏览器不兼容
weixin_30877755的博客
01-11 243
最近弄网站的新闻模块，新闻的列表用到了ul列表。为每个li添加了background，然后添加hover事件：background改变。代码如下： HTML code <li> <a href="news_show<? echo $row['id'];?>.html" class="news_tit"><?php echo $ro...
ie 10 div 对 hover的支持
xueshandugu的专栏
05-04 963
来源：http://www.experts-exchange.com/Software/Internet_Email/Web_Browsers/Q_27288784.html
jquery hover IE9
peakerli的专栏
04-12 1056
页面里用到了hover ，在其他浏览器都没有问题，唯独在ie9下不能用，然后用mouseover，mouseenter等替换还是不行。查了一下才知道，IE对于div和span之前没有内容的，就忽略了，所以不响应，需要在之间加入 。这样hover就起作用了
ie6支持li:hover的方法
12-05
运用以上的代码可以使ie6支持li:hover的使用
IE6下伪类hover失效问题及解决办法
09-25
在这种情况下，为了解决IE6的兼容问题，我们需要为父级`<a>`添加`:hover`定义，哪怕只是设置一个无关紧要的样式，比如`font-size`： ```css a span {color: red;} a:hover {font-size: 12px;} a:hover span {color:...
IE下a:hover样式失效问题
weixin_30507481的博客
10-10 202
今天碰到IE下a:hover样式失效问题 调整了半天最后发现是同事把a标签的属性href写成了 herf ,郁闷～～～～～ IE6中a标签没有href属性直接用onclick时也会出现这种情况 转载于:https://www.cnblogs.com/muyou/archive/2012/10/10/2718687.html...
解决低版本ie下li:hover不支持的问题
lkl713的专栏
04-14 2618
说到:hover有人用的解决办法可能第一反应就是去网上找相关的JS来代替hover，其实有个超级简单的方法，就是在LI标记里加一个A标记，然后定义这个A标记为display:block即可，然后就可以把这个A标记宽高设置和LI一样，这样就很兼容IE6了，演示代码如下： 栏目一 栏目二 栏目三 当然了，还有其他别的方法，连代码都不用写，只需引用一个文件就行：csshover.htc（
ie9不兼容css hover,IE9不删除：hover样式的DOM变化(IE9 not removing :hover style
weixin_36238982的博客
08-04 941
我试图做的是有一个按钮：在弹出框中悬停状态，当按钮，你一个，我删除从DOM盒子，将其保存为未来的共同作用。 问题是，当我将其安装在IE9还没有清除的DOM：悬停状态，直到你下一次鼠标悬停它再出来。显然，这是不存在任何其他浏览器，但重复性这里： http://jsfiddle.net/5dXSp/我不能找到清除CSS的手动方式：悬停状态，我真的不希望每次都重建菜单因为这个原因。 有什么想法吗？A...
ie9不兼容css hover,IE9+已经不对document.createElement向下兼容的解决方法
weixin_31419153的博客
08-04 230
今天发现某网站上，IE9和chrome中页面的功能居然有差异，于是在IE9下打开console，发现一堆js报错，用fiddler跟踪了一下，原来代码里有一句是这样的：if(ie){var iframe = document.createElement('');}是的，问题就出在这里：DOM Exception: INVALID_CHARACTER_ERR (5)因为在IE9里面，一些方法已经向w...
ie9不兼容css hover,css - Troubles with IE9 Hover - Stack Overflow
weixin_35212962的博客
08-04 110
I have a very simple hover function that appears to work fine in everything except IE9 (possibly IE8 and below too, haven't tested them).Non-IE browsers do this;IE9 does this;I suspect from reading va...
ie下没有背景色bug的解决方法
abn1808的博客
07-13 114
鼠标经过下面的二级菜单的时候，在ie下面，收缩上去了，给这个二级菜单加了背景后，就是正常的,这个是ie下面的一个bug，解决方法：background-img：url（123.jpg）；url里面的图片不用存在 转载于:https://www.cnblogs.com/webfby/p/4642438.html...
兼容ie9以下css3,hover和圆角(htc)
侞婼冇罪
12-06 2008
htc下载地址：ie8 发现不兼容背景色切换，但是字体颜色可以切换 htc .main { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; pos
:hover css
最新发布
08-24
":hover"是CSS中使用最广泛的伪类之一，用于创建鼠标悬停效果。它可以应用于标签或div等元素，通过简单的CSS选择器来选择具体的元素并定义其悬停时的样式。 然而，需要注意的是，这种效果仅适用于CSS2及以上版本的浏览器，对于仅支持CSS1的浏览器可能无法显示。在IE6中，只兼容a:hover伪类，而其他元素的:hover效果可能无法实现。 要为一个元素添加:hover样式，可以使用类选择器来选中该元素，并在CSS样式表中定义:hover状态下的样式。比如，如果要为一个class为"aa"的div元素定义:hover样式，可以使用如下的CSS代码： .aa:hover { background-color: yellow; } 需要注意的是，在CSS定义中，:hover伪类必须位于:link和:visited之后，以确保样式的生效。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使IE6支持:hover效果使用li:hover或div:hover](https://download.csdn.net/download/weixin_38591011/13676124)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [关于CSS :hover选择器的用法（控制子元素样式、控制同级元素样式）](https://blog.csdn.net/start_sea/article/details/119415255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值