css - IE7 で「background-color」が設定されていない場合、「:hover」および「mouseenter」イベントが失敗する

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);
        }   
    }   

.nameanchor要素です。

マウスを上に置くと.name、:hoverカーソルが境界線上にある場合にのみルールが適用されますが、カーソルが要素内に入ると何も起こりません。

しかしbackground-color: red、要素にa を設定すると、:hover再び使用可能になります。

ここで何が問題になる可能性がありますか？

Answer 1

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

これで問題は解決するはずです