0

自分のサイトにホバーボードを追加しました。ホバーボードをめくって、より多くのテキストを表示します。Chromeでのみ動作します。Firefoxでは、ホバーするとボックス全体が灰色になります。Chromeで動作させ、Firefoxでは何もしないようにするにはどうすればよいですか？

私がそれを取った場所は：

http://cssdeck.com/item/122/hoverboard-3d

私のサイトは：

（削除済み）-「在庫状況別に製品を並べ替える」にカーソルを合わせると、私が何を指しているかがわかります。

ありがとう！！

4

2 に答える 2

1

これらすべてのプロパティをコピーして貼り付けます。-moz-

-webkit-font-smoothing: antialiased;
-webkit-transform-origin: top;
-webkit-transition: all .2s ease-in-out;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-webkit-chrome / safari-moz-用で、Firefox用です

于 2012-06-13T16:01:14.820 に答える
0

Firefox固有のプレフィックスを使用し、：hoverクラスを通常のクラスで上書きします。このような：

@-moz-document url-prefix() {
#hover-flip:hover p  {
     background: #fff;
     color: #009EE0;
     margin: -40px 0 0 0;
     position: relative; 
}
#hover-flip:hover {
     border-top: 1px solid #DDD;
     bottom: 0;
     color: #df3e7b;
     font-size: 14px;
     line-height: 40px;
     position: absolute;
     width: 100%; 
}

}

これをcssの下部に配置することを忘れないでください。これにより、カスケードによって以前のルールが上書きされます。ここでの実例。

于 2012-06-13T16:07:55.947 に答える