css - 过滤器 :alpha breaks :hover in IE?

标签 css internet-explorer-8 opacity

使用时

filter:alpha(opacity=60);

在包含无序列表的 div 上,列表项上有 :hover,IE8 只会在第一个悬停的元素上激活 :hover 事件。

向上/向下移动到另一个列表项将不再激活 :hover 事件。然而,这在 Firefox 中有效。

http://www.ithinkimlost.com/paul/ese/test.html 有一个例子

知道是什么原因造成的吗?

最佳答案

试试这个语法:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
filter: alpha(opacity=60);
opacity: 0.60;

一些可能解决它的想法:

  • 重置 :hover 上的不透明度
  • li 上设置高度
  • 添加一个位置并删除clear
  • #homeOptions 移至代码中的 :hover 上方

关于css - 过滤器 :alpha breaks :hover in IE?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4448382/

相关文章:

c# - WPF:不透明度和 MouseEnter 事件

jquery - Internet Explorer 和 Opera 中的不透明度问题

css - IE8 的第一个 child 和最后一个 child

javascript - li::IE8 之前

javascript - 属性值更改后 IE8 不刷新类

CSS:IE:样式版本 "background-color:rgba(...)"

html - 如何通过 https 为 css 和 js 修复 "Blocked loading mixed active content"

jquery - 使用Bootstrap和jQuery,如何让容器类在侧边栏激活时更改为较小的尺寸?

javascript - 用于存储用户界面首选项的 html5 网络存储

css - 如何使用自定义主题更改 mat-button 中的文本颜色