W3C CSS 验证器："Parse Error }"

Question

我使用以下 CSS:

.tm-navbar {
    position: relative;
    z-index: 9999;
}

@media (min-width: 768px) {
    .tm-navbar {
        background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.25) 0%, rgba(33, 33, 33, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.25) 0%, rgba(33, 33, 33, 0) 100%);  /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(33, 33, 33, 0.25) 0%, rgba(33, 33, 33, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40212121', endColorstr='#00212121', GradientType=0);  /* IE6-9 */    
     }
}

@media (max-width: 767px) {
    .tm-navbar {
        position: relative;
        z-index: 9999;
        background-color: #212121!important;
    }
}

根据 W3C 验证器，第 13 行有错误：

Line 13 .tm-navbar Parse Error }

Answer 1

您正在为 filter

使用非标准属性值

progid:DXImageTransform.Microsoft 显然是微软独有的属性。由于它不符合任何标准值，因此会被标记。

其他值都带有适当的供应商前缀，但它们可能包含在其中，因为您不应再使用供应商前缀 CSS。

https://developer.mozilla.org/en-US/docs/Web/CSS/filter

W3C CSS 验证器："Parse Error }"

W3C CSS validator: "Parse Error }"

css

w3c-validation