以后地位:首页 > 建站常识 > 列表

CSS3圆角撑持IE6-IE8低版本阅读器,背景通明

点击: 次时候:2016/12/10关头词:CSS3 圆角 背景通明
.css3div {border: 2px solid #ff6600;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;position:relative

CSS3圆角撑持IE6-IE8低版本阅读器,背景通明

.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)  文件下载:iecss3.htc 文件下载 }

在CSS中利用behavior引入“iecss3.htc”插件文件便可。

1、behavior的url里必然要填写ie-css3.htc的相对途径,由于 IE阅读器找该文件是相对以后html文件途径来找的,以是对Wordpress等静态法式天生的页面必然要填写相对途径。

2、必然要有定位属性:position:relative;

3、由于在IE阅读器下这些CSS 3结果的完成是要借助于VML,由VML绘制圆角或是投影结果,以是还须要一个z-index属性。z-index属性最好设置得比拟大,

4、若是在IE阅读器下某些模块没法用此衬着,能够试着相对定位响应的层,即加上“ width: 400px; height:400px;”属性。

5、radius属性的10px是圆角半径,还能够给两个值如“border-radius: 10px 5px;”,如许则左上角与右下角半径为10px,右上角与左下角半径为5px。也能够赋4个值,为“上 右 下 左”。

让IE6-IE8撑持CSS3圆角必备前提:

1、behavior: url(iecss3.htc)必须间接HTML中惹人;

2、position:relative; z-index:2; 必须同时利用position和z-index两个CSS属性。


CSS 完成通明结果,兼容IE8

background-color:#000;  opacity:0.3;  filter:alpha(opacity=30);background: rgba(0,0,0,0.5); 'ie 8以上代码
预定建站
收费供给网站优化
支付关头词