Question

我尝试了一些非常基本的css hovers，它们适用于所有浏览器，除了ie10。我现在的问题是发生了什么？它仅适用于锚标签。有没有解决方法？我尝试指定背景颜色但不起作用。

我在stackoverflow上阅读了很多内容但是没有它似乎与我的问题有关。

.block-active {
    margin: 0px 0px 0.5% 0.5%;
    height: auto;
    opacity:0.7;
    width: auto;
    padding: 1.7% 1.8% 1.7% 1.8%;
    transition:opacity 0.5s;
    font-size: 210%;
    position:relative;
}
.block-active:hover {
    opacity:1;
}

Answer 1

我终于发现了什么问题！答案是如此迟钝，以至于我并不相信它会起作用，但确实如此。

只需在页面开头（<html>标记之前）添加：

<!DOCTYPE html>

是的，Internet Explorer ......

否则:hover仅适用于<a>和<button>代码。

Answer 2

不确定这是否能回答您的问题，但下面的代码适用于我（IE10，虚拟机上的Win7）

另一种选择是使用Javascript。

<html>
<head>
<style>
.block-active {
background-color: #0f0;
margin: 0px 0px 0.5% 0.5%;
height: 50px;
opacity:0.5;
width: auto;
padding: 1.7% 1.8% 1.7% 1.8%;
transition:opacity 0.5s;
position:relative;
}
.block-active:hover {
opacity:1;
}
</style>
</head>
<body>
<div class="block-active"></div>
</body>
</htm>

CSS悬停只与IE10中的锚点一起使用？

2 个答案: