1

マウス ホバー時にイメージ タグに適用する css クラスは次のとおりです。

div#simpleSearch button#searchButton > img:hover {
    /* Box-shadow */
-moz-box-shadow: 0px 0px 13px #AFAFAF; 
     box-shadow: 0px 0px 13px #AFAFAF;

    /* Border-Radius */
-moz-border-radius: 100px; /* Firefox */
  -o-border-radius: 100px;
     border-radius: 100px; /* CSS3 */
}

正常に動作しています。しかし、またはの#AFAFAFいずれかに置き換えると、画像に境界線が適用されません。サイトの背景が灰色であるため、白い影が表示されることを付け加えておきます。white#FFFFFF

誰かがすでにこれを経験したように？回避策の提案は大歓迎です。

4

3 に答える 3

1

試す

-moz-box-shadow: 13px 13px 0px 0px #FFFFFF;
-webkit-box-shadow: 13px 13px 0px 0px #FFFFFF;
 box-shadow: 13px 13px 0px 0px  #FFFFFF;

ここに見られるように、最後の 2 つの値はオプションです

于 2012-09-20T20:08:25.103 に答える
0

私は簡単なjsfiddleを実行しましたが、CSSを単純化してIDを使用するだけで、正常に機能しています。ホバーすると白い色が表示されます。

あなたのCSSがあなたのコンテンツに本当に適用されていることを確認してください

http://jsfiddle.net/fc9dJ/17/

于 2012-09-20T20:23:38.510 に答える