ボックスシャドウが途切れている

Question

CSS3のbox-shadowを使用している間は、通常は問題がありません。

通常、ボックスの影はdivエッジ上にしか出現しませんが、このエッジ上には出ません。上部と右側に切り取られている

box-shadow ..

相続人は、私はボックスシャドウのために使用していCSS：

-moz-box-shadow: 0 0 5px #555; 
-webkit-box-shadow: 0 0 5px #555; 
box-shadow: 0 0 5px #555; 

乾杯

Answer 1

box-shadowた場合はoverflow:visibleがあなたの要素を内に含まれる任意のdiv要素（複数可）に設定されていることを確認し、カットオフされる。

Answer 2

問題がありますあなたのセンターメインディビジョンはシャドーの端から切り取っています。これにoverflow:visibleを設定すると、それが表示されます。

Answer 3

あなたは正しく

.img{ 
    margin:20px; 
-moz-box-shadow: 0 0 5px #555; 
    -webkit-box-shadow: 0 0 5px #555; 
    box-shadow: 0 0 5px #555; 
} 

をショーシャドウボックスのこのスタイルのimgタグを設定することができます

Answer 4

IEで複数回この問題が発生しました。私が見つけた最良の解決策は、divの周りに透明なアウトラインを使用することです。これは、GeckoとWebkitがそうでない場合でもIEがボックスシャドウをクリッピングするのを防ぐようです。この問題を解決するためにアウトラインを使用することの大きな点の1つは、divの位置に影響しないことです。絶対と下： -30px親のdivに一定の所定の位置にそれを置くため

は例えば、私は位置を使用していたこれでdiv要素を持っていました。 IEと唯一のIEは、ボックスの影の上部と下部を切り取っていました。このアウトラインを追加すると、位置を変更することなく固定されました。

outline: 10px solid transparent;