1

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

    .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元素。

当我将鼠标放在 a 上时.name，:hover规则仅在光标位于边框上时适用，但当光标进入元素内部时不会发生任何事情。

但是当我background-color: red为元素设置 a 时，它又:hover变得可用了。

这里可能有什么问题？

4

1 回答 1

0

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

这应该可以解决问题

于 2013-01-01T11:52:01.210 回答