[分享]css兼容ie91011

CSS是网页设计和开发的重要组成部分，它可以帮助网页实现各种精美的布局和样式效果。然而，由于不同浏览器对CSS的支持程度不同，很多时候站长需要付出额外的努力来确保网站在不同的浏览器（特别是IE 9、1...

CSS是网页设计和开发的重要组成部分，它可以帮助网页实现各种精美的布局和样式效果。然而，由于不同浏览器对CSS的支持程度不同，很多时候站长需要付出额外的努力来确保网站在不同的浏览器（特别是IE 9、10和11）中能够呈现出相同的样式和布局效果。

以下是一些可以帮助站长兼容IE 9、10和11的CSS技巧和注意事项：

/*避免使用CSS3选择器*/
.box {
    background-color: #ff0000;
    /* 使用IE9不支持选择器 */
} 

IE 9和10最不喜欢的就是CSS3选择器，如:nth-child和:first-of-type。尽量避免使用这些选择器，这样可以在这两个浏览器上获得更好的兼容性。

/*避免使用flex布局*/
.box {
    display: -ms-flexbox; /* IE10道路远，我先走 */
    display: flex;
} 

IE 9和10不支持标准的flexbox布局，但是你可以使用混合语法来使IE 10支持flexbox。而针对IE10以下版本，建议使用其他布局方案。

/*设置字体大小*/
p {
    font-size: 16px;
    font-size: 1rem;  /* 兼容IE9以上版本 */
} 

IE 9及以下版本的浏览器只支持px单位，而rem单位是CSS3所引入的，是一种相对于根元素字体大小的单位，支持IE 9以上版本的浏览器。因此，在编写CSS样式时，建议使用rem单位来兼容IE 9及以上版本的浏览器。

除了上述的技巧和注意事项外，还有一些其他的兼容IE 9、10、11的CSS属性和写法，如-ms-border-radius、filter: alpha(opacity=80)、zoom等，有时需要根据具体情况进行调试和优化。总而言之，要想让网站在IE 9、10、11中实现最佳的兼容性，需要站长付出更多的精力和耐心。