0

たくさん検索しましたが、答えが見つかりません。

背景としてimgを使用している要素を除いて、どこでも問題のない丸い境界線があります（画像は丸みを帯びた角になりますが、背後にはある種の黒い背景があります）。

問題をより簡単に理解するための画像：

私は本当にこれに固執しています。このIEの問題は何か提案がありますか、それとも何かが足りませんか？

灰色のヘッダーのCSSは次のようなものです。

#header {
    background-image: url("images/bg-header.png");
    background-repeat: repeat-x;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding: 0 0 0 15px;
    text-shadow: 0 -1px 0 #332829;
    width: 575px;
}

フィドル：

http://jsfiddle.net/2BnDR/2/
4

2 に答える 2

1

これを試してみてください：

#DivThatImageIsIn img{
  border-radius: same as div;
}
于 2012-04-22T15:09:03.473 に答える
1

上記の印刷画面でわかるように、IE9 では要素の周りの黒い背景が奇妙で、バグがあることがわかりました。同じ要素に box-shadow または text-shadow + filter がある場合。

CSS からすべてのフィルターを削除しましたが、魅力的に機能します。

例えば。

.header {
    filter: dropshadow(color=#3e3132, offx=0, offy=-1); /* delete this one and it works */
    text-shadow: 0px -1px 0px #3e3132;
}
于 2012-04-24T12:45:17.520 に答える