我有一个简单的
text-shadow: 0.05em 0.05em 0.05em black;
我用谷歌浏览器打开，一点影子都没有！我把它改成
text-shadow: 1px 1px 1px black;
它有效！有什么事？
问问题
1993 次
4 回答
7
0.05em值太小，您的阴影落在文本后面。尝试增加一点 - http://jsfiddle.net/zd4qF/
更新
您的代码.05em实际上可以在 FF 中使用，但不能在 Chrome 中使用。这是因为浏览器中的舍入逻辑 - FF 舍入小于1pxto的任何东西1px，Chrome 将其舍入到0
于 2012-06-15T09:06:30.363 回答
2
如果您查看下面的链接，您可以看到em和像素之间的转换率 因为您要求的 0.05em 远小于 1px :)
例如。
1px应该在0.063em左右，这使得0.05 em小于1px，因此小于您可以显示的任何内容。
于 2012-06-15T09:07:26.717 回答
1
它不可见，因为值太低。em与字体大小成正比。字体越小，根据使用的字体声明的所有内容就越小em。
这是一个具有不同字体大小的示例。在这个例子中，当字体大小为 48pt 时可以看到 0.5em，但当它是 2 12 pt 时则看不到。见http://jsfiddle.net/JwNbj/1/
于 2012-06-15T09:06:20.130 回答
0
EM 是一个相对属性，取决于您在 body 元素中定义的字体大小，或者当您定义它时也是相对的，那么它取决于用户浏览器选项中定义的选项。当您的字体大小为 20px 时，1px 将为 0,05em。打招呼。
于 2012-06-15T09:13:58.947 回答