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行有错误：

第13行.tm-navbar解析错误}

Answer 1

您正在使用filter

的非标准属性值

progid:DXImageTransform.Microsoft显然是微软唯一的财产。由于它不符合任何标准值，因此会被标记。

其他值是正确的供应商前缀，但它们可能包含在此中，因为您不应再使用供应商前缀CSS了。

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

W3C CSS验证器：＆＃34;解析错误}＆＃34;

1 个答案: