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 不識別css
下一篇ie-css3.js