0

Firefox で奇妙な CSS の問題が発生しています。回転したオブジェクトを「固定」に配置すると、ホバー時に背景を変更できません。

回転を削除するか、固定位置を削除すると (絶対位置への変更など)、ホバーが機能します。しかし、回転と固定位置が必要です。なぜこれが起こるのか誰にも分かりますか？

以下の例を参照してください。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.testing {
    background:#00F;
    color:#FFF;
    display:block;
    width:300px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    position:fixed;
    top:300px;
    left:400px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  -webkit-transform-origin: 50px 50px;
  -moz-transform-origin: 50px 50px;
  -ms-transform-origin: 50px 50px;
  -o-transform-origin: 50px 50px;
  transform-origin: 50px 50px;
}
.testing:hover {
    background:#F00;
}
</style>
</head>

<body>
    <a href="#" class="testing">Testing Background Color</a>
</body>
</html>
4

1 に答える 1

0

私は同じ問題を抱えていました

これは私のコードでした

<div id='lightbox'>
            <div id='addtocart'>
                <a href='$link'></a>
            </div>
         </div>

ライトボックスには position:fixed があり、カートに追加にはボタンがあります

この例では、機能していません

私がこれをしているとき

<div id='lightbox'></div>
        <div id='addtocart'>
            <a href='$link'></a>
        </div>

その再び働く

     #lightbox{
            position:fixed;
            top:0;
            left:0;
            z-index:12;
            background-color:rgba(0,0,0,0.8);
            width:100%;
            height:100%;
            overflow:hidden;
}


     #addtocart a:link{
            position:fixed;
            bottom:10%;
            right:10%;
            background: url("/vans/afbeeldingen/Navigatie/cart2.png") no-repeat scroll 0 0px transparent;
            width:199px;
            height:49px; 
}


     #addtocart a:hover{
            background: url("/vans/afbeeldingen/Navigatie/cart.png") no-repeat scroll 0 0px transparent;    
}

そのため、固定divにボタンがあると、ホバーが表示されなくなります。

最初のコードはFirefoxでのみ機能します

于 2012-12-18T01:11:10.767 に答える