Question

我似乎有一个问题，Firefox在白色背景上显示0.75不透明度的模糊文本阴影，但在Webkit和Opera中它太暗/太脆。谁是对的？是什么赋予了？我该如何解决呢？感谢。

注意：

的示例

实际上，似乎问题可能出在图像处理过滤器的选择上。火狐的版本似乎最模糊，然后是Opera和Chrome / Safari（Webkit）。它几乎看起来像Webkit浏览器使用某种盒式过滤器来模糊，而Firefox正在使用更顺畅的东西。 Webkit中的阴影似乎太过清晰。

Answer 1

如果我理解你的问题以便在chrome和opera上修复它，你必须在更高的值上设置模糊半径，以便在这三个浏览器上获得相同的结果。我知道，因为我在Firefox和Chrome上使用了盒子阴影，我注意到了。

查看此实例：http://css3generator.com/

firefox：text-shadow：1px 10px 19px＃050505; chrome和opera：1px 10px 29px＃050505;

Answer 2

关注http://www.w3.org/TR/css3-text/#changes（W3C 2012年1月19日工作草案）

许多不太稳定的功能已被推迟到第4级：......

...


'text-shadow'上的展开半径

所以没有具体说明意思。去图。

在任何情况下，我也（重新）发现text-shadow接受逗号分隔列表，所以我想如果我想进一步手动模糊它，如果我原来有

    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75);

我可能会做类似

的事情

 text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1875),
   4px 6px 5px rgba(0, 0, 0, 0.1875),
   6px 4px 5px rgba(0, 0, 0, 0.1875),
   6px 6px 5px rgba(0, 0, 0, 0.1875);

根据需要添加阴影。

Webkit vs. Firefox与Opera文本阴影问题

2 个答案: