为所有其他支持的浏览器转换 -moz-线性梯度

发布于 2024-09-24 16:49:46 字数 349 浏览 15 评论 0原文

这是我的规则：

#element {
  background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2;
}

我想采用该规则并将其应用于所有支持线性渐变的浏览器。 对于 Chrome、Safari 和... Internet Explorer，此规则的语法是什么样的？

我正在考虑制作一个超级简单的 Web 应用程序，它将采用包含 Mozilla 规则的 CSS 文件并剔除其他文件浏览器对规则的实现也是如此。

原文

Here's my rule:

#element {
  background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2;
}

I want to take that rule and apply it to all of the browsers that support a linear gradient. What would this rule's syntax look like for Chrome, Safari, and ... Internet Explorer?

I'm considering making a super simple web app that will take a CSS file with Mozilla rules and kick out the other browser's implementations of the rules as well.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

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

胡渣熟男 2024-10-01 16:49:46

这是所要求的渐变...

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);

Here are the gradients as requested...

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);

回复收藏 0 原文

南七夏 2024-10-01 16:49:46

这个网站就可以解决这个问题：http://www.colorzilla.com/gradient-editor/

从“CSS”区域中选择“从 css 导入”并粘贴您的代码！

例如，您可以尝试使用“background: -moz-linear-gradient(center top, rgb(216,54,33), rgb(112,5,7));”之类的内容。

请注意：代码必须以某种方式格式化...如果逗号（“，”）后面有空格，例如这不起作用...

回复收藏 0 原文

不一样的天空 2024-10-01 16:49:46

这并不太难...但是这个网站(css-tricks.com)可以解释它比我好得多。

回复收藏 0 原文

故人如初 2024-10-01 16:49:46

您正在寻找的内容已经可以在这里找到：CSS3 渐变生成器 - 适用于 Mozilla 和基于 Webkit 的（ Safari/Chrome) 浏览器。

至于 IE，MSDN 应该可以帮助你。

回复收藏 0 原文

层林尽染 2024-10-01 16:49:46

我通常使用类似的东西，

// Firefox
background: -moz-linear-gradient
// Chrome & Safari
background: -webkit-gradient
background: -webkit-linear-gradient
// Opera
background: -o-linear-gradient
// IE
background: -ms-linear-gradient

它可能是你将得到的跨浏览器解决方案 - 但话又说回来，CSS 不是我的强项。

I usually use something along the lines of

// Firefox
background: -moz-linear-gradient
// Chrome & Safari
background: -webkit-gradient
background: -webkit-linear-gradient
// Opera
background: -o-linear-gradient
// IE
background: -ms-linear-gradient

It's probably as crossbrowser solution as you're going to get - but then again CSS is not my forte.

回复收藏 0 原文

~没有更多了~