CSS(二):兼容写法
作者 Viliam | 发布于 2015-11-06
CSS

1、 CSS三角形兼容IE6代码:

.triangle{
    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color:   #fb5a65 transparent  transparent transparent ;
    border-style:  solid dashed  dashed dashed ;
    border-width: 40px;
}

效果:

分析代码:

border-color:   #fb5a65 transparent  transparent transparent ;
                上           右           下           左
border-style:  solid dashed  dashed dashed ;

调整三角形方向只需要将颜色值和solid调整到指定方向(例如向左):

 border-color:   transparent  #fb5a65 transparent transparent  ;

border-style:   dashed solid  dashed dashed  ;

----------------------------------------------------------------------------------------------分隔线----------------------------------------------------------------------

2、CSS透明背景兼容IE6浏览器:

黑色透明:
background: rgba(0,0,0, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);

效果如下:

白色透明:
background: rgba(255,255,255, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);

效果如下:

本站说明

前端开发、体验、交互、设计、技术、分享 i--do.com,包含javascript、html、css、nodeJS、demo展示等。转载文章请标注文章来源。

联系我

E-Mail: 709694072@qq.com