blocks|key|609718|text|好吧，Rizwan，首先，您使用的输入站点并不完全支持CSS3。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|609719|来自：关于CSS+Validator的|609720|所以，这是正确的CSS和不正确的CSS的权威？
不是的。它是一个有用的、可靠的工具，但也是一个软件工具，而且和每个软件一样，它也存在一些缺陷和问题。级联样式表上的实际引用是CSS规范。
默认情况下，此验证器根据CSS+2.1规范中定义的语法、属性和值检查样式表，但可以使用这些选项检查其他CSS概要文件。|blockquote|style|BOLD|609721|如果您查看缺陷和问题，您会发现一个用于：线性梯度作为背景图像的bug，它不识别线性梯度。|609722|-webkit-梯度是浏览器特有的，w3.org验证器不会识别它。|609723|最后的建议，不要太依赖验证器，它们可能会帮助您发现错误，但它们并不是100%25正确的。对于CSS3，最好在浏览器中测试这些属性并查看它们是否正常工作。|609724|entityMap|0|LINK|mutability|MUTABLE|url|http://jigsaw.w3.org/css-validator/#validate_by_input|1|http://jigsaw.w3.org/css-validator/about.html|2|https://www.w3.org/Bugs/Public/|3|https://www.w3.org/Bugs/Public/show_bug.cgi?id=16235^0|H|2|0|0|3|G|1|0|0|N|0|5|5|2|K|A|3|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|F|3|G|5|H|7|1C|8|@$A|1D|B|1E|I|J]]|9|@]|C|$]]|$1|K|3|L|5|6|7|1F|8|@]|9|@$A|1G|B|1H|1|1I]|$A|1J|B|1K|1|1L]]|C|$]]|$1|M|3|N|5|6|7|1M|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1N|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1O|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]|12|$5|T|U|V|C|$W|13]]]]

Well Rizwan, First of All the site you are using <a href="http://jigsaw.w3.org/css-validator/#validate_by_input" rel="noreferrer">http://jigsaw.w3.org/css-validator/#validate_by_input</a> is not supporting CSS3 completely. 

From: <a href="http://jigsaw.w3.org/css-validator/about.html" rel="noreferrer">About the CSS Validator</a>

<blockquote>
 So, this is the authority on what is correct CSS and what isn't?
 
 No. It is a helpful and reliable tool, but a software tool, and like
 every software, it has some bugs and issues. The actual reference on
 Cascading Style Sheets are the CSS Specifications.
 
 By default, this validator checks style sheets against the grammar,
 properties and values defined in the CSS 2.1 specification, but other
 CSS profiles can be checked against by using the options.
</blockquote>

If you look into <a href="https://www.w3.org/Bugs/Public/" rel="noreferrer">bugs and issues</a> you will find a bug for: <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16235" rel="noreferrer">linear-gradient as a background-image</a>, it does not recognize linear-gradient. 

-webkit-gradient is browser specific and w3.org validator will not recognize it. 

Final advice, don't rely too much on validators, they may help you spotting an error but they are not 100% correct. For CSS3 its better if you test these properties in browser and see if they are working.

blocks|key|1238572|text|W3渐变使您在webkit上出现错误，因为Googlechromw3.org仅支持在所有浏览器中验证的样式，如字体、宽度、高度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1238573|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

W3 gradient gives you error on -webkit-gradient because its only support by Google chrome w3.org only validate those style that are validated in all browser like font, width, height

blocks|key|1238595|text|你所拥有的一切都很好。之所以会出现这些错误的唯一原因是因为它还没有最终确定，因此验证器认为这是不存在的。您可以在impressivewebse.com中尝试不同的浏览器支持。如果你这样做，它会在网站上工作--它不会认为它在验证器中是正确的，因为这个命令还没有完成。希望这能帮上忙！伊桑·布鲁沃尔|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1238596|entityMap|0|LINK|mutability|MUTABLE|url|http://www.impressivewebs.com/css3-linear-gradient-syntax/^0|1K|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

What you have is fine. The only reason it is pulling up these errors is because it hasn't been finalised yet and so therefore the validator thinks this doesn't exist. You could either try something from <a href="http://www.impressivewebs.com/css3-linear-gradient-syntax/" rel="nofollow">impressivewebse.com</a> where you try different browser support. If you do this, it will work on the website it just won't think it's right in the validator because that command thing hasn't been finalised yet.
Hope this helped!
Ethan Brouwer

blocks|key|1238614|text|听取人们告诉您的；线性梯度尚未成为CSS3规范的一部分，因此它被正确标记为无效代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1238615|多个浏览器已经实现了自己版本的标签(moz-，webkit-等)，这样他们就可以尽早提供这些功能。一旦线性梯度被完全设计并被接受到CSS3规范中，那些特定于供应商的前缀就会消失，线性梯度在W3C验证工具中将不再无效。|1238616|在此之前，您所能做的就是提供特定于供应商的标记、一个CSS3标准标记和一个旧的浏览器回退。另外，根据你的判断，与你的客户进行友好的交谈会有很大的帮助。试着解释一下，你正在使用的边缘代码确实提供了一个优雅的退步(对吗？)适用于使用旧浏览器的用户。|1238617|entityMap^0|0|8|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|P|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|K|$]]

Listen to what people are telling you; linear-gradient isn't yet part of the CSS3 specification, therefore it is correctly marked as invalid code.

Multiple browsers have implemented their own versions of the tag (moz-, webkit- etc) so they can offer those features early. Once linear-gradient is fully designed and accepted into the CSS3 specification those vendor specific prefixes will go away and linear-gradient will no longer be invalid within the W3C validation tool.

Until then all you can do is provide vendor specific tags, a CSS3 standard tag and an old browser fallback. Also, at your discretion, a friendly chat with your client can go a long way. Try explaining that the bleeding edge code you're using does provide a graceful fallback (it does right?) for users with older browsers.

blocks|key|609691|text|它显示了一个错误，因为-webkit-gradient不是由CSS3定义的。它是特定于基于WebKit的浏览器，如Chrome。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|609692|尝试使用linear-gradient代替。但是，据我所知，目前还没有浏览器支持它。|609693|任何以-webkit-、-moz-、-o-或-ms-开头的内容都是特定于浏览器的。他们这样做是为了支持一个尚未最后确定的新特性或规范。|609694|http://www.colorzilla.com/gradient-editor/是一个很好的工具，用于创建交叉溴的梯度。|609695|entityMap|0|LINK|mutability|MUTABLE|url|http://www.colorzilla.com/gradient-editor/^0|B|G|0|4|F|0|3|8|C|5|I|3|M|4|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|L|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

It shows an error because <code>-webkit-gradient</code> is not defined by CSS3. It is specific to WebKit based browsers like Chrome.

Try using <code>linear-gradient</code> instead. However, no browsers that I know of support it at this time.

Anything that start with <code>-webkit-</code>, <code>-moz-</code>, <code>-o-</code>, or <code>-ms-</code> is specific to a browser. They do this in order to support a new feature or specification that has not been finalized.

<a href="http://www.colorzilla.com/gradient-editor/" rel="nofollow">http://www.colorzilla.com/gradient-editor/</a> is a wonderful tool for creating cross-broswer gradients.

when i try to validate my Gradient css via CSS3 W3.org Validator it's shown error

Sorry! We found the following errors (5)

My code is 

<pre><code>background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
</code></pre>

error <a href="http://www.freeimagehosting.net/uy82i" rel="nofollow">http://www.freeimagehosting.net/uy82i</a>

CSS3 Validator shown 5 error on Gradient code

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

当我试图通过CSS3 W3.org验证梯度css时，会显示错误对不起！我们发现了以下错误(5)我的代码是background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);误差

问CSS3校验器在梯度码上显示了5个错误
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3校验器在梯度码上显示了5个错误EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3校验器在梯度码上显示了5个错误
EN