[分享]css3支持IE11

CSS3是CSS的升级版本，具备更多的样式属性和新特性，让网页设计更加灵活和创新。但是，在开发过程中，有时会遇到IE浏览器的兼容性问题。幸运的是，IE11已经完全支持CSS3标准，这为我们提供了便利。...

CSS3是CSS的升级版本，具备更多的样式属性和新特性，让网页设计更加灵活和创新。但是，在开发过程中，有时会遇到IE浏览器的兼容性问题。幸运的是，IE11已经完全支持CSS3标准，这为我们提供了便利。

// CSS3属性-圆角边框（border-radius）
.box{
  width:200px;
  height:200px;
  background-color:#3e3e3e;
  border:5px solid #d5d5d5;
  border-radius:10px;
  -webkit-border-radius:10px;
} 

上述代码中，我们使用border-radius属性为元素添加圆角边框，同时为保证兼容性，也添加了-webkit-border-radius前缀。在IE11浏览器中，这个属性已经被完全支持，并且可以正常显示。

// CSS3属性-背景渐变（background-gradient）
.box{
  background: linear-gradient(to right, #ff0000, #00ff00); /* 标准语法 */
  background: -webkit-linear-gradient(left, #ff0000, #00ff00); /* Safari 5.1-6.0 */
  background: -moz-linear-gradient(left, #ff0000, #00ff00); /* Firefox 3.6-15 */
  background: -o-linear-gradient(left, #ff0000, #00ff00); /* Opera 11.1-12.0 */
} 

这个代码块中，我们使用CSS3的背景渐变属性为元素添加渐变效果。但是，由于不同浏览器对这个属性的语法支持不同，我们需要添加前缀以保证兼容性。在IE11中，这个属性已经可以正常显示，并且不需要添加任何前缀。

总体来说，IE11的支持已经标志着CSS3标准的普及和应用。对于开发者来说，我们可以愉快地使用各种CSS3的新属性和特性，而不必担心兼容性问题了。