calc ie支持_IE8中使用css3中的属性calc（）是什么？

展开全部

1、PIE.htc URL路径是相对于当前HTML文件，不是CSS文件.

比如 当前文件在“/”下 ，CSS文件在“/CSS”下，PIE.htc在“/CSS”下，behavior: url(/css/PIE.htc) 而不是behavior: url(PIE.htc)；32313133353236313431303231363533e58685e5aeb931333365633934

一、border-radius 圆角

.radius{

border: 1px solid #696;

padding: 60px 0;

text-align: center; width: 200px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

background: #EEFF99;

behavior: url(/PIE.htc);

}

说明：不支持单边的圆角属性，比如： border-top-left-radius，但是你可以这样来写：

border-radius 圆角

border-radius: 5px 10px 15px 20px;

2、box-shadow 盒子阴影

复制代码

border: 1px solid #696;

padding: 60px 0;

text-align: center; width: 200px;

-webkit-box-shadow: #666 0px 2px 3px;

-moz-box-shadow: #666 0px 2px 3px;

box-shadow: #666 0px 2px 3px;

background: #EEFF99;

behavior: url(/PIE.htc);

复制代码

说明：不支持text-shadow(文本阴影)

box-shadow 盒子阴影

3、border-image 图片边框

复制代码

color: white;

border: 8px solid #013D7A;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-image: url(img/border.png) 8 8 8 8 stretch;

-moz-border-image: url(img/border.png) 8 8 8 8 stretch;

border-image: url(img/border.png) 8 8 8 8 fill stretch;

behavior: url(PIE.htc);

复制代码

用到的图片：

border-image 图片边框

RGBA 颜色值

IE6 png 透明

复制代码

.png img{

-pie-png-fix: true;

behavior: url(/PIE.htc);

}

.png{

background-image:url(img.png);

-pie-background:url(img.png);

behavior: url(/PIE.htc);

}

复制代码

说明：图片直接用-pie-png-fix: true，背景图片使用-pie-background来修复IE6下png透明的问题

PIE.htc下载： download

解决IE浏览器部分版本不支持background-size属性问题

ie6，ie7，ie8下对css background-size并不支持，导致不可以控制背景图片的大小样式。那么如何在ie下兼容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');

}