2012-02-28 10 views
0

私はサイトIE8ですごくレンダリングされますが、IE7とIE9ではうまくレンダリングされるサイトhttp://test.printavo.comがあります。私はIE8が何らかの理由で異なる基準を持っているかはわからないが、主な問題は、「オープン・サンズの」Googleフォントのためのテキストの影はひどい見えます...GoogleフォントでIE8のテキストシャドウの問題

ie8

誰もがこのための修正を持っているということです?たぶんのArialにすべてのフォントを変換し、私は、影をテキストに試してみました!:IEのための重要なしかし、それは動作しませんでしたどれも(私のソースをチェックアウト)

EDIT: は、すべてのテキストを脱ぐためのより良い方法はありませんIEの影?

+0

chrome/moz/operaではどうなっていますか? –

+1

IEが10未満の場合、テキストシャドウはサポートされません。 –

+0

@MaratTanalinしかし、それは影を持っているようです。混乱する。 –

答えて

0

http://www.useragentman.com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/

から選択するさまざまな選択肢があると思われます。上記のリンクはあなたにいくつかのオプションを与えるはずです。 IE8でテキストシャドーが予期せず表示される可能性があることに注意する必要があります。また、修正プログラムを試すために警告セクション(下のリンク)を参照する必要があります。

http://www.useragentman.com/blog/2011/04/23/css-blurred-text-shadow-in-ie-part-i/#caveats

EDIT

: ブラウザ固有のCSSスタイルへの要求では、あなただけ> HTMLファイルの先頭<タグに次の行を追加し、条件付きコメントを使用してIEのスタイリングをターゲットにすることができます
<!--[if IE 6]><link rel="stylesheet" href="http://mysite.com/path/to/ie6.css" type="text/css" media="screen, projection"><![endif]--> 
<!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/path/to/ie7.css" type="text/css" media="screen, projection"><![endif]--> 
<!--[if IE 8]><link rel="stylesheet" href="http://mysite.com/path/to/ie8.css" type="text/css" media="screen, projection"><![endif]--> 
<!--[if IE 9]><link rel="stylesheet" href="http://mysite.com/path/to/ie9.css" type="text/css" media="screen, projection"><![endif]-->