私は単純な
text-shadow: 0.05em 0.05em 0.05em black;
Google Chromeで開きますが、影はまったくありません。に変更します
text-shadow: 1px 1px 1px black;
そしてそれは動作します!何か問題でもありますか?
0.05em
値が小さすぎるため、シャドウがテキストの後ろに隠れます。少し増やしてみてください-http://jsfiddle.net/zd4qF/
アップデート
のコード.05em
は実際にはFFで機能しますが、Chromeでは機能しません。これは、ブラウザの丸めロジックが原因です-FFはtoよりも小さいもの1px
を丸め1px
、Chromeはそれをに丸めます0
以下のリンクをチェックすると、 emとピクセル間の変換率を確認できます 。1pxよりもはるかに小さい0.05emを要求したので:)
たとえば。
1pxは約0.063emである必要があります。これにより、0.05 emは1pxよりも小さくなり、表示できるものよりも小さくなります。
値が低すぎるため、表示されません。em
フォントサイズに比例します。フォントが小さいほど、を使用するフォントに応じて宣言されるすべてのものが小さくなりますem
。
フォントサイズが異なる例を次に示します。この例では、フォントサイズが48ptの場合は0.5emが表示されますが、212ptの場合は表示されません。http://jsfiddle.net/JwNbj/1/を参照してください
EMは相対属性であり、body要素で定義されたフォントサイズに依存します。または、EMを相対属性として定義した場合は、ユーザーのブラウザオプションで定義されたオプションに依存します。フォントサイズが20pxの場合、1pxは0.05emになります。挨拶します。