3

私は単純な

text-shadow: 0.05em 0.05em 0.05em black;

Google Chromeで開きますが、影はまったくありません。に変更します

text-shadow: 1px 1px 1px black;

そしてそれは動作します!何か問題でもありますか?

4

4 に答える 4

7

0.05em値が小さすぎるため、シャドウがテキストの後ろに隠れます。少し増やしてみてください-http://jsfiddle.net/zd4qF/

アップデート

のコード.05emは実際にはFFで機能しますが、Chromeでは機能しません。これは、ブラウザの丸めロジックが原因です-FFはtoよりも小さいもの1pxを丸め1px、Chromeはそれをに丸めます0

于 2012-06-15T09:06:30.363 に答える
2

以下のリンクをチェックすると、 emピクセル間の変換率を確認できます 。1pxよりもはるかに小さい0.05emを要求したので:)

http://pxtoem.com/

たとえば。

1pxは約0.063emである必要があります。これにより、0.05 emは1pxよりも小さくなり、表示できるものよりも小さくなります。

于 2012-06-15T09:07:26.717 に答える
1

値が低すぎるため、表示されません。emフォントサイズに比例します。フォントが小さいほど、を使用するフォントに応じて宣言されるすべてのものが小さくなりますem

フォントサイズが異なる例を次に示します。この例では、フォントサイズが48ptの場合は0.5emが表示されますが、212ptの場合は表示されません。http://jsfiddle.net/JwNbj/1/を参照してください

于 2012-06-15T09:06:20.130 に答える
0

EMは相対属性であり、body要素で定義されたフォントサイズに依存します。または、EMを相対属性として定義した場合は、ユーザーのブラウザオプションで定義されたオプションに依存します。フォントサイズが20pxの場合、1pxは0.05emになります。挨拶します。

于 2012-06-15T09:13:58.947 に答える