2012-02-16 9 views
1

何らかの理由で、既にテキストシャドウが適用されている段落にCSSトランスフォームを適用すると、テキストシャドウの色は段落の色になります私のCSSのテキストシャドウに指定された色のこの問題はChromeでのみ発生するようですが、Firefoxでは正常に動作します。以下のWebサイトの例ではこれを実証する必要があります。変換された段落のテキストシャドーカラーでのクロムの問題

<html> 
    <head> 
     <style type="text/css"> 
     p 
     { 
      text-shadow: 10px 10px #000000; 
      color:#FF0000; 
      -webkit-transform:rotateY(10deg); 
     } 
     </style> 
    </head> 
    <body> 
     <p>Hello world! Chrome will work now?</p> 
    </body> 
</html> 

段落にローテーションを適用してテキストシャドウを正しくレンダリングする方法はありますか?

答えて

3

私は他の誰かの時間を節約したいと思って自分自身の質問に答えるために、この問題を修正したテキストシャドーにぼかしをプラスまたはマイナスで追加しているようです。 text-shadow: 10px 10px #000000;text-shadow: 10px 10px -1px #000000; に置き換えると、テキストの影が適切な色で表示されます。

関連する問題