ie8 下拉菜单使用透明失去焦点问题

最新推荐文章于 2019-12-18 16:20:01 发布

v逆水行舟v

最新推荐文章于 2019-12-18 16:20:01 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ie 文章标签： ie8 filter

本文链接：https://blog.youkuaiyun.com/u010576965/article/details/41379377

2 篇文章

订阅专栏

本文描述了在IE8浏览器中使用透明背景时，下拉菜单hover效果失效的问题及原因。通过调整背景为非透明或使用PNG图片，解决了二级菜单在悬停时消失的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天遇到个问题，在ie8下测试下拉菜单hover时，经常出现失去焦点，直接透过菜单，后经高人指点才知道是透明度的问题，不过具体是因为什么不清除，特此记录此事件。

代码如：

<li>菜单1

</li>

</ul>

<style>

.test{ //其中就使用了这个东西，导致背景有透明度，然后悬浮在菜单区域，就会出现失去hover，二级菜单消失的问题。

    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99444444,endcolorstr=#99444444);

}

</style>

解决办法就是把透明度背景色换成png图片，或者换成颜色不透明的，如background-color:#000000.