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'。