W3C验证程序错误:“错误:CSS:background-image:是错误的运算符。”

我在W3C验证器上测试了我的代码,但收到了我无法理解的错误。 我简化了代码来实现这一点:

<!DOCTYPE html>
<html lang="">
<head>
    <title>Test</title>
    <style>
        .class{background-image: linear-gradient(red 0 110px,blue 110px 200px,yellow 300px)}
    </style>
</head>

<body>
    <p></p>
</body>
</html>

并收到以下错误: 错误:CSS:background-image:是错误的运算符。

第6行,第85列

x,yellow 300px)}↩</style>↩</h

右括号被突出显示。 我查看了此处错误的解释(https://validator.w3.org/docs/errors.html),但没有发现任何东西。

您对问题有什么想法(以及如何解决)?

ycjsdkfjlksdfl 回答:W3C验证程序错误:“错误:CSS:background-image:是错误的运算符。”

HTML验证器在内部使用CSS validator来验证<style>元素的内容。

用于线性渐变的构造依赖于multiple color stops语法,该语法在CSS Image模块的第4级中定义,而我认为CSS验证程序最多只能实现its level 3

将其重写为linear-gradient(red 0,red 110px,blue 110px,blue 200px,yellow 300px)可以使其通过验证,同时获得相同的效果。

本文链接:https://www.f2er.com/2497339.html

大家都在问