TA貢獻1836條經驗 獲得超5個贊
盡管在CSS3語法模塊中提到了供應商擴展的語法，并將其引入語法中，以使供應商能夠忽略該標準而實現自己的前綴，但實際的供應商擴展本身并未被視為官方CSS屬性。這不會改變，因為它們是專有的，特定于發明和使用它們的供應商。
但是，Jigsaw W3C CSS Validator的最新增強功能（2011年初）使減少由供應商擴展警告引起的驗證錯誤成為可能。在其他選項中找到此新選項，例如通過擴展“ 更多選項”部分來驗證的CSS級別：
如果樣式表仍然沒有通過驗證，則可以更輕松地查找樣式表中的實際問題。如果只有供應商擴展會觸發錯誤，將其轉換為警告將使您的樣式表能夠進行初步驗證。它還消除了必須在驗證器中隱藏的單獨樣式表中維護供應商擴展的需求。
警告是您可以避免的最大錯誤，但是，最終，供應商前綴仍然是非標準的，因此在技術上是無效的CSS。
TA貢獻1833條經驗 獲得超4個贊
部分可行。將所有不受支持的CSS類收集在一個文件（css3.css）中
例：
css3.css
.round{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
}
default.css
.square{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
page.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" href="css3.css">');
</script>
</head>
<body>
<div class="square round"></div>
</body>
</html>
搜索引擎不會運行客戶端腳本，因此W3C不支持的屬性不會損壞您的SEO。至于綠色CSS驗證，很抱歉，還沒有。
舉報