9

CSS コードの div に、outline と box-shadow の両方を追加しました。
div は Chrome と IE では見栄えがしますが、Firefox では見栄えがよくなります:
Chrome と IE: http://i.phirune.com/csrjfyqoczob

ファイアフォックス: http://i.phirune.com/4gsrrub3ww6e

CSS コードは次のとおりです。

#container {
width:960px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
background-color: #415475;
-moz-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
outline:#000000 solid thick;
}

これを修正する方法がわかりません。洞察をいただければ幸いです。

4

3 に答える 3

13

複数のボックスシャドウを使用しないのはなぜですか? ボックスの影をコンマで区切るだけです。

box-shadow:
    0px 0px 0px 1px #fff,
    0px 0px 0px 2px #606054,
    0px -1px 9px 1px rgba(119, 119, 119, 0.4);

心から望むだけ追加できます。

于 2013-03-12T12:07:01.397 に答える
7

これは Firefox のバグです。あなたはそれを回避することしかできません。チケットはまだ有効です。https ://bugzilla.mozilla.org/show_bug.cgi?id=480888 で確認できます。

于 2013-02-20T12:01:48.240 に答える
1 
-moz-box-shadow: 1px 1px 10px #00f;
-webkit-box-shadow: 1px 1px 10px #00f;
box-shadow: 1px 1px 10px #00f;

サポートしようとしているブラウザのバージョンは何ですか? 最新のブラウザーは css3 をサポートしており、css ハッキングを行う必要はありません。

ドロップ シャドウに関する css3 ドキュメントは次のとおりです: http://www.css3.info/preview/box-shadow/

于 2012-12-29T20:57:22.157 に答える