.css3div {border: 2px solid #ff6600;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;position:relative;background:#FFF;z-index:2;width:330px; height:200px;behavior: url(iecss3.htc) 文件下(xià)載:iecss3.htc 文件下(xià)載 }
在CSS中使用(yòng)behavior引入“iecss3.htc”插件文件即可(kě)。
1、behavior的(de)url裏一定要填寫ie-css3.htc的(de)絕對(duì)路徑,因爲 IE浏覽器找該文件是相對(duì)當前html文件路徑來(lái)找的(de),所以對(duì)于Wordpress等動态程序生成的(de)頁面一定要填寫絕對(duì)路徑。
2、一定要有定位屬性:position:relative;
3、因爲在IE浏覽器下(xià)這(zhè)些CSS 3效果的(de)實現是要借助于VML,由VML繪制圓角或是投影(yǐng)效果,所以還(hái)需要一個(gè)z-index屬性。z-index屬性最好設置得(de)比較大(dà),
4、如果在IE浏覽器下(xià)某些模塊無法用(yòng)此渲染,可(kě)以試著(zhe)絕對(duì)定位相應的(de)層,即加上“ width: 400px; height:400px;”屬性。
5、radius屬性的(de)10px是圓角半徑,還(hái)可(kě)以給兩個(gè)值如“border-radius: 10px 5px;”,這(zhè)樣則左上角與右下(xià)角半徑爲10px,右上角與左下(xià)角半徑爲5px。也(yě)可(kě)以賦4個(gè)值,爲“上 右 下(xià) 左”。
讓IE6-IE8支持CSS3圓角必備條件:
1、behavior: url(iecss3.htc)必須直接HTML中引人(rén);
2、position:relative; z-index:2; 必須同時(shí)使用(yòng)position和(hé)z-index兩個(gè)CSS屬性。
CSS 實現透明(míng)效果,兼容IE8
background-color:#000; opacity:0.3; filter:alpha(opacity=30);background: rgba(0,0,0,0.5); 'ie 8以上代碼