2011-06-25 9 views
0
私は私のサイトに、とタグを取得する必要があり

http://designsweeter.com/ ... IE 6、7、8、9で動作するようにし、10このテキストシャドウをIEフィルタで使用するにはどうすればよいですか?

IEは、テキストを理解してもらうためにはJavaScriptプラグインがありますシャドウプロパティ?

そうでなければ、shadow()のようなIEフィルタを使用することは可能ですか?私のテキストシャドウをIEフィルタに変換するコンバータはオンラインですか?

上記以外の場合は、代替手段がありますか?ここでこれは動作するはず

h1{ 
    margin-left:auto; 
    margin-right:auto; 
    text-shadow:0 3px 0 #444,0 5px 10px rgba(0,0,0,.8),0 5px 5px rgba(0,0,0,.3); 
    font-size:30px;text-align:center; 
    font-weight:400; 
    padding:10px; 
} 

h1 a:active{ 
    position:relative; 
    font-weight:400; 
    top:2px; 
    text-shadow:0 3px 4px rgba(0,0,0,.6); 
} 

h2{ 
    text-align:center; 
    font-size:25px; 
    opacity:.9; 
    font-weight:200; 
    color:#fff; 
    text-shadow:-1px -2px 1px #000; 
} 

h3{ 
    text-align:center; 
    text-shadow:-1px -1px 1px #000; 
    opacity:.7; 
    font-size:15px 
} 

答えて

1

をなぜあなたはJavaScriptを使用して適用したいです影、それは直接CSSを使用することは簡単ではありません。 CSSを使用すると、リフロー/ペイントのイベントが少なくなります。 フィルタを使用してください:shadow(color =#FF0000)

+0

私は、ヘッダについている素晴らしい効果を得るために、要素に複数の影を追加する方法を知りたいと思います。 – alt

+0

これをチェックしてください。 http://rainbow.arch.scriptmania.com/css/ie_filters_generator.html –

+0

フィルタの強度とは何ですか?xoffsetとyoffsetはどのように設定できますか? – alt

0
+0

1つの要素に複数のテキストシャドーを含める必要があります。私はそのページでそれを見つけられませんでした。複数のテキストシャドウをサポートするかどうか知っていますか?もしそうなら、いかに。再度、感謝します! – alt

+0

複数の?私は恐れています...画像を使用することはできませんでした(ブラウザが狂っているので、テキストシャドウはiffyです)?私はシャドウが自由に使われていないという野生の仮定をしているので、イメージはテキストを控えめに置き換えるために使うことができます。 – John

+0

私はSEOの目的でテキストが必要です。 :/ – alt

関連する問題