1

以下の CSS コードは、Web サイトのメイン フレームの周りにドロップ シャドウを作成するものです。IE を除くすべてのブラウザで問題なく動作します。オンラインで「解決策」を見つけて適用したところ、1つの問題を除いて機能しました。メニューで一番上の行が壊れました（「Est.2009」の直前にメニューを停止させる一番上の行が停止し、最後に切断されたために新しいボックスが作成されたことがわかります。また、影を表示しているようですIE では右側と下部だけですが、どうすれば左側にも表示できますか?) よろしくお願いします! http://www.stevemoorecpa.dreamhosters.com

  #wrapperSkm
{
border-left-style: solid;
border-right-style:solid;
border-width: 2px;
border-color: transparent;
-moz-box-shadow: 0px 0px 25px #c3c3c3;
-webkit-box-shadow: 0px 0px 25px #c3c3c3;
box-shadow: 0px 0px 25px #c3c3c3;
width:1069px;
overflow: hidden;
position: relative;
padding: 0 0px 0 0px;
margin-left: auto;
margin-right: auto;




  background-image: url(images/bodyBg.png);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,             Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,     Color='#000000');
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);   
}
4

2 に答える 2

1

css3 PIEを使用して、IEブラウザでボックスシャドウを処理できます。次のWebサイトにアクセスしてください：http：//css3pie.com/about/

注：cssクラスのパイをそのdivの1つのdivに適用したら、位置：相対をIE7およびIE8に追加する必要があります。div内にパイを適用する場合は、位置：相対を親divに追加する必要があります。トップdiv

于 2012-11-06T12:37:55.283 に答える
0

「Est.2009」の直前でメニューが止まる一番上の行が切れてしまい、最後に新しいボックスが作成されたことがわかります。

これは画像です。境界線を設定してみてください。さらに良いことに、あなたの.skmLogoクラスです。

IE 9 未満の IE ブラウザーの場合は、追加の div ラッパーを作成してすべての下に移動し、それにぼかしを適用します。

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');

ボックス シャドウは IE9+ でのみ機能します。

于 2012-11-05T23:29:11.067 に答える