W3 VALID跨浏览器css渐变,

时间:2011-10-02 01:45:06

标签: html css safari opera

我正在尝试查找html条件语句,以便我可以引用所需的附加.css文件。 Opera,Ie8,Safari。

我正在使用:

background: -moz-linear-gradient(#ADD58A, #FFFFFF);

对于Firefox来说很棒。但是拥有其他浏览器css属性会导致W3 css验证失败!

我相信使用html条件语句可以使用有效代码完成。

在你回复之前,是的,我看过馅饼,我在使用馅饼时没有验证的3个绿色滴答,因此想要使用html条件而不是浏览器'drop'样式。

2 个答案:

答案 0 :(得分:3)

Jigsaw CSS3验证器应该有一个触发警告的选项,而不是供应商扩展上的错误。假设您没有使用任何其他非标准样式,您的CSS应该传递绿色,虽然有一些警告,但仅此而已。


至于为什么Daniel A. White说不要担心验证,好吧,“W3C有效的跨浏览器CSS3”是一个矛盾的说法。在2011年,你无法通过大多数CSS3功能实现这一目标。

是的,验证您的代码是否具有最大的跨浏览器互操作性。但在现实世界中,现在只适用于CSS2。当谈到规范本身尚未最终确定的CSS3功能时,更不用说浏览器的实现(但是它们解释了不完整的规范),有效性还没有意义。像border-radius这样的东西可能会有用,如果你忽略了最新的(我不会说旧版本)大多数现代浏览器的版本,因为每个主要浏览器的最新版本现在支持官方属性名称,但世界上没有人实现任何CSS渐变的无扩展版本。

你可以告诉他们只在验证器中触发警告,或者你是如此肛门,甚至不想要警告,也许等到明年。希望事情足够稳定,主流浏览器会删除CSS3渐变的前缀。

答案 1 :(得分:1)

-moz是Firefox的供应商特定前缀。我不担心css验证。

用这些来定义渐变。

  • linear-gradient - 最终标准
  • -o-linear-gradient - opera
  • -webkit-linear-gradient - safari / chrome
  • -ms-linear-gradient - 即
相关问题