当前位置:首页 > 网站维护 > 列表

CSS3圆角支持IE6-IE8低版本浏览器,背景透明

来源:浦一科技点击:时间:2016-12-10 关键词:CSS3 圆角 背景透明
.css3div{border:2pxsolid#ff6600;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;background

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以上代码

服务项目

网站建设

网站建设

通过SEO优化技术,提供更多的展示机会,带来大量精准流量和询盘,每月意向客户增长20%。

手机网站建设

手机网站建设

手机网站的时代强势来袭,赢在全网营销时代,手机+电脑双剑合璧,把握商机滴水不漏。

网站维护

网站维护

一个好的网站需要定期或不定期地更新内容,才能不断地吸引更多的浏览者,增加访问量。

整合网络营销

整合营销

为了建立、维护和传播品牌,以及加强客户关系,而对品牌进行计划、实施和监督的一系列营销

预约建站
免费提供网站优化
领取关键词