編碼的世界 / 優質文選 / 生涯

如何讓IE8支持css3屬性


2022年6月28日
-   

border-radius/box-shadow/gradient
圓角、盒子陰影、漸變這幾個屬性可以使用 ie-css3.htc來實現IE低版本的兼容,CSS代碼如下:  .pie_radius{  width:360px;  height:200px;  background-color:#34538b;  -moz-border-radius:8px;  -webkit-border-radius:8px;  border-radius:8px;  position:relative;  behavior:url(pie.htc);  }
background-size
ie6,ie7,ie8下對css background-size並不支持,導致不可以控制背景圖片的大小樣式。如果要讓背景圖片完全填充div,在css中添加如下代碼:  div.a{  width: 1440px;  height: 667px;  background:url(slide-bg.jpg) top left no-repeat;  -ms-background-size:cover;  background-size:cover;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src=’slide-bg.jpg’,  sizingMethod=’scale’);  }
nth-child/last-child
利用ie8支持first-child來選擇第一個,利用ie8支持相鄰選擇器來選第二個第三個,選擇第二個,li:first-child + li, 同理,第三個可以這樣選:li:first-child +li +li;
1、:first-child是CSS2選擇器;:last-child是CSS3選擇器  2、:before和:after是CSS2選擇器;::before和::after是css3選擇器
3、給input設置readyonly屬性時,在IE瀏覽器還是會顯示光標。解決方法:同時給input設置unselectable='on'。

熱門文章