【问题标题】:IE11 a:Hover intermittent opacity failureIE11 a:悬停间歇性不透明度失败
【发布时间】:2020-02-05 00:48:20
【问题描述】:

以下代码在 FF 和 Chrome 中完美运行,但在 IE11 中经常失败(但并非一直 - 在锚标签上挥动鼠标有时会改变不透明度)。令人讨厌的是不一致。

在 css 中使用类选择器或简单的 a:hover 都不能解决问题。

我的问题:有没有其他人遇到过这个问题 - 任何人都可以重新创建它吗?

IE11 版本 11.0.9600.18537 更新 11.0.38

注意:这是一台工作机器,并且已安装 McAfee 站点顾问:我不排除这是原因,但无法禁用或卸载它。

<html>
<head>
<style type="text/css">
.abtn {
    display:block;
    background-color:#0B4499;
    border-radius:30px;
    border: 0px;
    text-decoration:none;
    padding:8px 60px 8px 15px;
    color:#fff;
    width:220px;
    margin: 2px 0px 0px 0px;
}

a:hover {
    opacity:0.6;
}
/*
a[class*="abtn"]:hover {
    opacity:0.6;
}
*/

</style>
</head>
<body>
<a class="abtn" href="http://www.google.co.uk">Some text</a>
<a class="abtn" href="http://www.google.co.uk">Some words</a>
<a class="abtn" href="http://www.google.co.uk">Other gubbins</a>  
</body>
</html>

【问题讨论】:

  • 开始>运行>iexplore.exe -extoff 。在无插件模式下测试 IE。 Ctrl+Shift+H 以使用历史选项卡查看收藏夹中心,这样您就可以删除您的网站和谷歌域以前的历史记录。 Internet选项>常规选项卡,颜色按钮.....自定义网页链接上使用的颜色。

标签: html css internet-explorer


【解决方案1】:

添加&lt;!DOCTYPE html&gt; 声明可以正常工作。看到这个answer

【讨论】:

    猜你喜欢
    • 2018-01-23
    • 2011-06-08
    • 2017-06-10
    • 1970-01-01
    • 2013-06-17
    • 2011-04-04
    • 2014-03-04
    • 2014-02-21
    • 2013-04-15
    相关资源
    最近更新 更多