Mozilla CSS hack 实现文本阴影
我试图仅在 Mozilla 浏览器中创建文本阴影。 (我使用它作为我正在使用的字体的一些问题的解决方法。)
我已经尝试过 -moz-text-shadow
,但似乎它现在已失效并且没有不再需要 moz 扩展名。但我不希望 Internet Explorer 和 WebKit 使用文本阴影。
为什么-moz
功能会被取消?
I am trying to create a text shadow in Mozilla browsers only. (I'm using this as a workaround for some issues with a font that I'm using.)
I have tried -moz-text-shadow
, but it seems that this is now defunct and it no longer needs the moz extension. But I don't want Internet Explorer and WebKit to use the text shadow.
Why would the -moz
function be taken away?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您可以使用 CSS hack 单独针对 Firefox,例如:
快速演示: http://jsfiddle.net/DxjeL/
对于 Firefox,该框应为红色,对于所有其他浏览器,该框应为蓝色。
这是来自浏览器 CSS Hacks。
You can target Firefox alone by using a CSS hack, such as:
Quick demo: http://jsfiddle.net/DxjeL/
The box should be red for Firefox and blue for all the other browsers.
This is from Browser CSS Hacks.
-moz
、-webkit
、-o
和-ms
称为浏览器前缀。它们用于不完全支持该属性的浏览器。现在,除了 Internet Explorer 8 及更低版本之外,所有现代浏览器都支持
text-shadow
属性。如果您想仅为 Firefox 强制添加文本阴影,您可以使用 JavaScript 来检测浏览器并添加文本阴影属性。
-moz
,-webkit
,-o
, and-ms
are called browser prefixes. They are used for browsers that didn't support the property fully.And now every modern browser except Internet Explorer 8 and lower support the
text-shadow
property.You can use JavaScript to detect the browser and add the text shadows property if you want to force adding a text shadow for just Firefox.
粗略的例子:
Rough example: