css - 当 IE7 中没有设置 `:hover` 时，`mouseenter` 和 `background-color` 事件失败

Question

相关的样式规则如下所示:

    .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 再次可用。

这里可能是什么问题？

Answer 1

也可以使用background-image: url("about:blank");

这应该可以解决问题