欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

ie11 css3

方一強2年前7瀏覽0評論

IE11是微軟公司推出的一款優秀的瀏覽器,它支持CSS3標準,讓網頁設計更加豐富和自由。CSS3是CSS的最新版本,它引入了許多新的特性,例如:漸變、圓角、陰影、動畫等等。那么,在IE11中如何使用CSS3呢?

/* 圓角樣式 */
div {
border-radius: 10px; 
-webkit-border-radius: 10px; /* Safari/Chrome */
-moz-border-radius: 10px; /* Firefox */
}
/* 陰影樣式 */
div {
box-shadow: 10px 10px 5px grey;
-webkit-box-shadow: 10px 10px 5px grey; /* Safari/Chrome */
-moz-box-shadow: 10px 10px 5px grey; /* Firefox */
}
/* 漸變樣式 */
div {
background: linear-gradient(to bottom, #ffffff 0%, #9999ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9999ff', GradientType=0); /* IE9+ */
}
/* 動畫樣式 */
div {
animation: mymove 5s infinite;
-webkit-animation: mymove 5s infinite; /* Safari/Chrome */
-moz-animation: mymove 5s infinite; /* Firefox */
-ms-animation: mymove 5s infinite; /* Internet Explorer */
}
@keyframes mymove {
0% {top: 0px;}
100% {top: 200px;}
}
@-webkit-keyframes mymove { /* Safari/Chrome */
0% {top: 0px;}
100% {top: 200px;}
}
@-moz-keyframes mymove { /* Firefox */
0% {top: 0px;}
100% {top: 200px;}
}
@-ms-keyframes mymove { /* Internet Explorer */
0% {top: 0px;}
100% {top: 200px;}
}

通過以上代碼,我們可以看到,在IE11中使用CSS3的方法和其他現代瀏覽器是類似的。但需要注意的是,對于部分IE11不支持的CSS3屬性,我們需要使用相應的CSS hack技巧進行兼容,這也是網頁設計者需要掌握的一項技能。

下一篇ie-css3.js