以下代码在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>