完美支持IE圆角/阴影等CSS3样式

所属分类:UI-圆边

 22123  154  查看评论 (15)
完美支持IE圆角/阴影等CSS3样式 ie兼容6
.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);
}


相关插件-圆边

完美支持IE圆角/阴影等CSS3样式

让ie6也完美支持IE圆角/阴影等CSS3样式
  圆边
 22123  154

圆边

方形切换成圆边
  圆边
 10214  61

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币

    红尘陌上 0
    2017/8/31 17:29:12

    评论可以赚取积分吗

    回复
    摇摆 0
    2017/5/9 19:35:03

    没有用啊!  用IE8 打开 一点效果没有

    回复
    ???????????? 0
    2016/6/27 1:06:18
    “木”有↔未♀来☺ 0
    2015/11/26 13:11:28
    弹艾落精 0
    2015/9/22 10:09:51

    有效果,( ^_^ )不错

    回复
    1007014448 1
    2015/9/15 15:09:14

    能做出来都是的劳动成果都应该被尊重

        苦笑0
        2016/7/23 14:07:48
        暂同
        ?_小信0
        2016/10/13 15:10:56


        赞同!

        叛逆的我要离经叛道的过活0
        2017/5/9 9:50:04

        赞同

        红尘陌上0
        2017/8/31 17:29:43

        赞同

    回复
    ˇ微風香水﹏ 0
    2015/5/22 17:07:31
    不错的东西啊 不管别人怎么说!顶你 回复
    Legend 0
    2014/12/8 17:58:17
    htc。。。。。。。。。。如何完美 回复
    0
    2014/11/14 3:55:39
    不用图片你兼容IE6给我看 擦 回复
    Sebastiane Blade 0
    2014/10/16 7:33:52
    这个PIE不完美 有很多BUG的 回复
取消回复