IE11瀏覽器支持大部分CSS3樣式,使網頁設計更靈活、多樣化。
以下是IE11瀏覽器支持的CSS3樣式:
/*文字陰影*/ text-shadow: 2px 2px 2px #000; /*盒陰影*/ box-shadow: 2px 2px 2px #000; /*邊框半徑*/ border-radius: 10px; /*線性漸變*/ background: linear-gradient(to right, #000, #fff); /*徑向漸變*/ background: radial-gradient(circle, #000, #fff); /*背景尺寸*/ background-size: 100% auto; /*背景裁剪*/ background-clip: padding-box; /*多重背景圖*/ background-image: url(bg1.png),url(bg2.png); /*媒體查詢*/ @media screen and (max-width: 600px) { /*小屏幕樣式*/ } /*彈性盒子*/ display: flex; /*2D變換*/ transform: rotate(45deg); /*3D變換*/ transform: rotateX(45deg); /*漸變動畫*/ animation: fadein 2s ease-in; /*多列布局*/ column-count: 3;
除了以上樣式,IE11瀏覽器也支持text-overflow、opacity等其他CSS3樣式。
不過需要注意的是,一些較新的CSS3樣式,如flex、grid布局,在IE11瀏覽器中可能需要加上-webkit-等瀏覽器私有前綴才能正常顯示。