背景透明,文字不透明

1、实现背景透明,文字不透明==>  rgba()

     实现思路:给背景图片这个的父元素加个跟它一样宽高的子元素,从而达到让子元素的背景从父元素中抽离出来,相当于把文字部分单独择出去,让子元素背景单独透明,相对于父元素绝对

2、实现背景、文字都透明   ==>  opacity()

.bg{

    position:relative;

    width:100%;

    height:870px;

    background:url('../img/bg.png') no-repeat center;

}

.bg_touming{

    position:relative;

    left:0;

    top:0;

    width:100%;

    height:870px;

    background:rgba(255,255,255,0.9)!important;

    filter:Alpha(opacity=60); background:#fff;         

}

这两行表示:使用IE专属滤镜实现IE背景透明 ==>   

posted @ 2017-05-12 19:33  和路雪  阅读(147)  评论(0编辑  收藏  举报