css3带阴影的切角,完美支持IE圆角/阴影等CSS3样式

5e52b16550f0518d107c541062ba99b3.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述:让ie6也完美支持IE圆角/阴影等CSS3样式

.cr {

/*circle radius*/

border: 1px solid#ccc; – webkit – border – radius: 8px; – moz – border – radius: 8px;

border – radius: 8px;

behavior: url(css / PIE.htc);

}

.bs {

/*

一般情况:inset x-offset y-offset blur-radius spread-radius color,

【spread-radius扩展半径】来控制阴影的扩展方向:扩展半径有两个值,如果取值为正值,则个阴影会向外扩展,如果你给其取负值,整个阴影向内缩小。

*/

/* x-offset, y-offset, blur,和 color。*/

– webkit – box – shadow: 1px 1px 10px#aaa; – moz – box – shadow: 1px 1px 10px#aaa;

box – shadow: 1px 1px 10px#aaa; – pie – background: linear – gradient(#fff, #fff);

/*gradient为渐变,现在设为白色,不然会变黑,见http://css3pie.com/*/

behavior: url(css / PIE.htc);

}

.bsrgb {

– webkit – box – shadow: 1px 1px 25px rgba(135, 135, 135, 0.96);

– moz – box – shadow: 1px 1px 25px rgba(135, 135, 135, 0.96);

box – shadow: 1px 1px 25px rgba(135, 135, 135, 0.96);

– pie – background: linear – gradient(#fff, #fff);

/*gradient为渐变,现在设为白色,不然会变黑,见http://css3pie.com/*/

behavior: url(css/PIE.htc);

}