2012-04-22 18 views
0

私は多くを検索しましたが、実際にはこれに対する答えを見つけることはできません。IE9の丸みのある丸い背景と透明な背景の問題

imgをバックグラウンドとして使用している要素を除いて、どこでも丸みのあるボーダーがあります(画像はすっきりした丸みを帯びていますが、背後には何らかの黒い背景があります)。問題の理解を容易にするための

PICTURE:私は本当にこの上こだわっ

http://i42.tinypic.com/2rpra8n.png

。 IEの問題は何ですか?何か不足していますか?

#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; 
} 

FIDDLE:

http://jsfiddle.net/2BnDR/2/ 
+0

問題を再現するjsFiddleデモを作成できますか? – kapa

+0

あまりにもそれをしようとします... – ProDraz

+0

@bažmegakapahttp://jsfiddle.net/2BnDR/2/ ---私はそれを複製することはできませんので、IE9ではない、私は推測する... – ProDraz

答えて

1

を私はIE9は奇妙な黒の背景を行うことを理解しましたグレーのヘッダーの

CSSは次のようなものですarround要素とあなたのようなバグは上の印刷画面で見ることができます。同じ要素にボックスシャドウまたはテキストシャドウ+フィルタがある場合。

私はCSSからすべてのフィルタを削除しました。それは魅力的です。

例:

.header { 
    filter: dropshadow(color=#3e3132, offx=0, offy=-1); /* delete this one and it works */ 
    text-shadow: 0px -1px 0px #3e3132; 
} 
+1

+1私もこの問題に直面していて、あなたの答えに原因を見つけました –

1

は多分これを試してみてください。

#DivThatImageIsIn img{ 
    border-radius: same as div; 
} 
+0

ヘッダーのCSSを投稿しました。 – ProDraz

+0

とにかくどこからあなたの仕事にリンクすることができますか? –

+0

http://jsfiddle.net/2BnDR/2/ ---私はそれを複製できないので、IE9ではないと思います。 – ProDraz