css3ie11兼容

CSS3技术给网页设计带来很多优秀的特性，但兼容性问题是让人头痛的难题。对于IE11这样的浏览器，它对于CSS3新特性的支持程度较低，需要开发者使用一些技巧兼容IE11。

/* 圆角 */.div {
    border-radius: 10px;
    -ms-border-radius: 10px;
}
/* 渐变 */.div {
    background: linear-gradient(to right, #f00, #00f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#0000FF', GradientType=1);
}
/* 媒体查询 */@media screen and (max-width: 768px) {
.div {
    font-size: 14px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.div {
    font-size: 16px;
}
}
@media screen and (min-width: 1025px) {
.div {
    font-size: 18px;
}
}
/* 盒阴影 */.div {
    box-shadow: 2px 2px 2px #000;
    -ms-box-shadow: 2px 2px 2px #000;
}
/* 2D变形 */.div {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}
/* 层级问题 */.div {
    position: relative;
    z-index: 1;
}
    

除了这些方法外，还可以使用一些兼容IE11的CSS框架，如Bootstrap、Foundation等。这些框架中已经考虑到了IE11兼容问题，使用起来也非常方便。当然，最好的解决方法还是不要让IE11成为你主要的目标浏览器。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！