本文来源于 捷搜索
问题：
IE下透明背景元素，鼠标移到文字上才会触发hover，当移到文字旁边的背景上不会触发hover，如下案例(代码+效果图)：
1536128629714760.png
<html><head><meta charset="utf-8">
<style>ul{ position: absolute; z-index: 999999; width: 98%;
}ul li a{ display: block; height: 60px; line-height: 60px; width: 100px; color: white;
}ul li a:hover{ color: #ffda00; border-bottom: 3px solid #ffda00;
}</style>
</head><body><ul>
<li><a href="/">首 页</a></li>
<li><a href="/cases">成功案例</a></li>
<li><a href="/about">关于我们</a></li>
<li><a href="/news">新闻资讯</a></li>
<li><a href="/contact">联系我们</a></li></ul></body></html>原因&解决办法：
IE下透明背景没有hover事件，所以我们要为其元素添加一个空的背景图片。
解决：
把问题中代码ul li a添加css：
background-image:url(about:blank);
作者：捷搜索
链接：https://www.jianshu.com/p/c76574a7800b
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦