码迷,mamicode.com
首页 > 其他好文 > 详细

背景透明,文字不透明

时间:2017-05-12 22:02:08      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:背景图片   color   技术分享   .com   round   blog   osi   ima   enter   

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背景透明 ==>技术分享   

背景透明,文字不透明

标签:背景图片   color   技术分享   .com   round   blog   osi   ima   enter   

原文地址:http://www.cnblogs.com/wolflower/p/6847009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!