css3兼容测试 |css li 拿不到dataid

/* CSS3样式 */
.mydiv {
border-radius: 5px;
box-shadow: 5px 5px 5px #888888;
background: linear-gradient(#ffffff, #aaaaaa);
}

首先，大家需要了解不同浏览器对CSS3规范的支持情况。可以使用网站Can I Use查询浏览器对CSS3属性的支持情况。

然后，大家可以使用一些兼容性测试工具，如Modernizr、BrowserStack等，来测试网页在各种浏览器中的表现。

/* CSS3后缀 */
.mydiv {
border-radius: 5px;
-webkit-box-shadow: 5px 5px 5px #888888;
-moz-box-shadow: 5px 5px 5px #888888;
box-shadow: 5px 5px 5px #888888;
background: -webkit-linear-gradient(#ffffff, #aaaaaa);
background: -moz-linear-gradient(#ffffff, #aaaaaa);
background: linear-gradient(#ffffff, #aaaaaa);
}

最后，如果大家需要使用一些浏览器特定的CSS3属性，大家可以使用CSS3后缀来使其在其他浏览器中不受影响。

总之，进行CSS3兼容性测试是网页设计中必不可少的一个步骤。尽管有些繁琐，但它可以使网页在各种浏览器中表现良好。