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

问题描述 投票:0回答:1

我在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),但未找到任何内容。

关于什么是问题(以及解决方法)的任何想法?

validation operator-keyword w3c
1个回答
0
投票

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)应该使其通过验证同时获得相同的效果。

© www.soinside.com 2019 - 2024. All rights reserved.