2017-10-28 9 views
0

私はいくつかのボックスシャドウが追加されたdivを持っていますが、何らかの理由で影がInternet ExplorerとEdgeではかなり醜いです。彼らは文字通り他のすべてのブラウザで素晴らしいと見える。IEとエッジボックスのシャドウはオフにされます

enter image description here

左側に影がChromeからである一方、右側の影はエッジからです。それが何かをする場合、私は、しかし、私は$(document).ready()にjQueryのからそれらの属性を設定しています、すべての親要素にoverflow:visibleを持って

.container-panel{ 
    height: 210px; 
    -webkit-box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.30); 
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.30); 
    margin-bottom: 25px; 
} 

は、ここに私のCSSです。

何が起こっているのか分かりませんか?

+0

オプションの質問については、何かがあることを知っていることと、何かがあることを知っているAPIとの違いを区別する必要があります。 'let image = UIImage(名前は" startIcon ")!でアプリケーションに画像を読み込む例を考えてみましょう。あなたのリソースに "startIcon"という名前のイメージを含めるのを忘れていない限り、これはクラッシュしません。プログラマとしては、これをクラッシュさせて、あなたのアプリで "startIcon"イメージを出荷することを忘れないようにしてください。しかし、実行時にイメージがそこにあるので、あなたのアプリのユーザーにとっては安全です。 – vacawama

答えて

0

box-shadowの内部テーブルの場合、border-collapseのテーブルがcollapseに設定されていると、エッジとIEに問題があります。

あなたは特定の問題についてより具体的にすることはできませんので、あなたはHTMLまたは完全なCSSを提供していません。