Mozilla CSS hack 实现文本阴影

发布于 2025-01-06 16:32:16 字数 208 浏览 0 评论 0原文

我试图仅在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

箜明 2025-01-13 16:32:16

您可以使用 CSS hack 单独针对 Firefox,例如:

body:not(:-moz-handler-blocked) a { background-color: red; }

快速演示: http://jsfiddle.net/DxjeL/

对于 Firefox,该框应为红色,对于所有其他浏览器,该框应为蓝色。

这是来自浏览器 CSS Hacks

You can target Firefox alone by using a CSS hack, such as:

body:not(:-moz-handler-blocked) a { background-color: red; }

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.

轻许诺言 2025-01-13 16:32:16

-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.

此刻的回忆 2025-01-13 16:32:16

粗略的例子:

text-shadow: 0 0 transparent;
-webkit-text-shadow: 0 0 transparent;
-khtml-text-shadow: 0 0 transparent;
-moz-text-shadow: 1px 1px #ff0000;

Rough example:

text-shadow: 0 0 transparent;
-webkit-text-shadow: 0 0 transparent;
-khtml-text-shadow: 0 0 transparent;
-moz-text-shadow: 1px 1px #ff0000;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文