相关的样式规则如下所示:
.name {
display: inline-block;
*display: inline;
zoom: 1;
width: 220px;
text-indent: 24px;
*margin-left: -24px;
background: rgba(198, 211, 205, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50c6d3cd,endColorstr=#50c6d3cd);
&:hover {
background: rgba(150, 171, 165, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5096aba5,endColorstr=#5096aba5);
}
}
.name
是一个 anchor
元素。
当我将鼠标放在 .name
上时,:hover
规则仅在光标位于边框上时适用,但当光标进入边框时没有任何反应元素。
但是当我为元素设置 background-color: red
时,:hover
再次可用。
这里可能是什么问题?
最佳答案
也可以使用background-image: url("about:blank");
这应该可以解决问题
关于css - 当 IE7 中没有设置 `:hover` 时,`mouseenter` 和 `background-color` 事件失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11770822/