IE11 a:悬停间歇性不透明度失败

时间:2017-04-21 13:41:29

标签: html css internet-explorer

以下代码在FF& Chrome浏览器但在IE11中失败的次数(但并非总是如此 - 将鼠标悬停在锚标记上有时会改变不透明度)。这是令人讨厌的不一致。

既不使用类选择器也不使用简单的a:hss在css中解决问题。

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

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>

1 个答案:

答案 0 :(得分:0)

可以很好地添加<!DOCTYPE html>声明。看到这个answer