IE6下完美兼容css3圆角和阴影属性的htc插件PIE.htc

1、(推荐:)css插件PIE.htc,这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果,但要注意的是:下面的代码必须写在html文件的head标签内,否则无效(不能从外部引用下面的css代码),源码是:

<style type='text/css'>

.bgtest {

background: #fff;

border: 2px solid #777;

/*background-image: url(f_10-3.jpg);*/

height: 768px;

width: 960px;

/*-moz-border-radius: 15px; /* Firefox */*/

/*-webkit-border-radius: 15px; /* Safari Chrome */*/

border-radius: 8px; /*Opera 10.5+, Internet Explorer 6+ IE-CSS3 */

/*-moz-box-shadow: 10px 10px 12px #666; /* Firefox */

/*-webkit-box-shadow: 10px 10px 12px #666; /* Safari 和 Chrome */

box-shadow: 0px 0px 15px #999; /*Opera 10.5+, IE6+ IE-CSS3 */

/*IE阴影滤镜*/

/*filter:progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=135,Color='#888888');*/

/*IE模糊滤镜*/

/*filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2);*/

behavior: url(PIE.htc);

/* 对PIE.htc的引用 */

}

</style>

<div class="bgtest"></div>

注意:以上代码要在服务器环境下运行才起作用。