[分享]css3支不支持ie11

CSS3是一种现代的样式设计语言，它能够为网页提供更加丰富炫目的设计效果。然而，和许多其他的新技术一样，CSS3在各个浏览器的支持程度是不相同的。其中，IE11对CSS3肯定是支持的，但它的兼容性还需...

CSS3是一种现代的样式设计语言，它能够为网页提供更加丰富炫目的设计效果。然而，和许多其他的新技术一样，CSS3在各个浏览器的支持程度是不相同的。其中，IE11对CSS3肯定是支持的，但它的兼容性还需要我们仔细了解。

/* IE11支持的CSS3样式 */
body {
    background: linear-gradient(to bottom right, #fff, #eee);
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    transition: all 0.3s ease-out;
}
p {
    transform: translate(10px, 10px);
    font-variant: small-caps;
} 

从上面的代码中可以看到，IE11确实支持了一些CSS3的样式特性。例如，CSS3的渐变背景、圆角边框、阴影和动画过渡等都是可以在IE11中正常使用的。

但是，在某些情况下IE11并不支持CSS3。例如，一些更加高级的样式特性，例如弹性盒模型、多列布局、伸缩布局等就不被IE11所支持。

/*IE11不支持的CSS3样式*/
.container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.column {
    column-count: 3;
    column-gap: 20px;
}
.card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
} 

在上面的代码中，我们可以看到三个CSS3的样式特性，它们分别是弹性盒模型、多列布局和网格布局。这些样式在IE11中并不被支持。如果你需要在IE11中使用这些样式特性，可能需要使用一些跨浏览器的解决方案来实现。

总的来说，IE11对于CSS3的支持程度还是比较高的。但是，我们需要牢记的是，不同的浏览器对CSS3的支持程度可能会有所不同。因此，在编写CSS3的代码时，我们应该遵循一些通用的规则，以确保我们的网页在不同浏览器中都能够正常显示。