0

IE8のクロスブラウザ修正を行っていますが、これまでに見たことのないものに出くわしました。このクレイジーな影を見たことがある人はいますか?そして、これを引き起こしている可能性があるものを知っている人はいますか?

IE8とChromeの2つのスクリーンショットを添付しています。

IE8- http://cl.ly/image/1u0t0A2D0p0l Chrome- http://cl.ly/image/411L1B0Y2X3Y

どんな種類の助けにも感謝します!

ここでHTMLとCSSを表示します:http://marcusfriberg.com/skillbird/stof.html

4

3 に答える 3

1

IE8はCSSをサポートしていませんtext-shadow。これは、ChromeとIEがここで使用しているように見えます。

http://caniuse.com/css-textshadow

これがあなたが継承したコードである場合、誰かがIEの代替方法を使用しようとした可能性が非常に高く、ひどく間違っていました。

IEには多くのフォールバックのアイデアがありますが、人気のあるアイデアの1つは、「IEフィルター」を使用することです。

これらの適切なIEフィルターは、標準のCSSと同様の効果を実現できる場合もありますが、微調整が必​​要な場合もあります。

フィルターの使用についてCSSファイルをスキャンし、必要に応じて調整することをお勧めします。コードは次のようになります。

#element {  
    filter: alpha(opacity=70); /* the opacity won't work! */  
    filter: glow(color=black,strength=5);  
}

詳細については、この記事を参照してください。

http://www.impressivewebs.com/css3-text-shadow-ie/

IEでテキストシャドウの効果を高めるために、CSSPieを使用します。すごい。ここでそれをチェックしてください:

http://css3pie.com/

そしてそれは私のクライアントのウェブサイトの1つで今でも使用されています:http://www.tokheim.com

お役に立てば幸いです。

于 2013-02-19T11:25:51.400 に答える
1

この問題は、IE8だけでなくIE9でも発生しています。Developerツールで確認したところ、 andクラスfilterで指定されたプロパティが原因で発生していることがはっきりとわかります。この問題を解決するには、条件付きcssを使用することをお勧めします。IEブラウザーでの動作を明確に理解するには、このリンクコミュニティの追加も)を参照してください。post-topstats-typefilter

編集

また、MDNでは、filterプロパティはIEブラウザ用に文書化されていません。互換性セクションを確認してください。また、

古いバージョン(4.0から9.0)のWindows Internet Explorerブラウザーは、非標準の「フィルター」をサポートしていましたが、その後非推奨になりました。

filterIEブラウザと互換性のある他のプロパティは、このリンクにあります(IE9用ではありません)。

于 2013-02-19T11:53:32.517 に答える
0

このウェブサイトの時点で:

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

「最初の値は影の水平距離を指定し、2番目の値は影の垂直距離を指定します。3番目の値はぼかし半径を指定し、最後の値は影の色を示します。」

Y軸のフィルター値が大きすぎることを意味します。

于 2013-02-19T11:10:48.363 に答える