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>

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

4

1 に答える 1

3

他の人の時間を節約できることを期待して私自身の質問に答えるために、少しいじった後、テキストの影に正または負のぼかしを追加すると、この問題が修正されたようです。に置き換える text-shadow: 10px 10px #000000; と text-shadow: 10px 10px -1px #000000; 、テキストの影が適切な色で表示されます。

于 2012-02-16T22:29:48.197 に答える