Chrome 中的 css 文本阴影

标签 css google-chrome cross-browser

关于this page ,我对标题应用了文本阴影,这在 Firefox 中看起来不错:

enter image description here

但在 Chrome v.17 中看起来很糟糕

enter image description here

我看到了this suggestion并更改了文本阴影样式

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

至:

text-shadow: 0 0 0 transparent, 1px 1px 1px black;

但这没有什么区别。我可以做些什么来改进 Chrome 中文本阴影的渲染方式吗?理想情况下,我希望它们在 Chrome 中的外观与 Firefox 中的外观相同。

最佳答案

如果我是你,我会稍微改变阴影。将其更改为:

text-shadow: 1px 1px 0 black;

似乎可以解决 Chrome 中的问题。

关于Chrome 中的 css 文本阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9412597/

相关文章:

java - JSF:是否可以从继承的 jsf 页面将一些 css 类插入到模板中

css - PhpStorm 或 PyCharm 元素中 CSS 和 LESS 外部库的最佳位置

javascript - 输入类型中的 "Saving"值 = "hidden"Chrome 替代方案

css - Firefox 样式与导航栏不一致

html - 在Dart中跨浏览器标准化鼠标滚轮速度

javascript - 删除元素周围的填充

java - 无法单击 Selenium 中网格上的过滤器

firefox - WebM 编码文件可在 Chrome 中播放,但不能在 FFv6 HTML5-Video 中播放

Chrome网上应用店中用户计数的API调用?

css - 我可以在链接元素 href 跨浏览器中使用 .less 吗?