css背景透明内容不透明处理

1.针对IE浏览器


.demo{
 background-color:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)
}


2.针对FF,谷歌等浏览器


代码如下:
.demo{
 background:transparent;<!--背景透明-->
 color:#fff;<!--字体颜色-->
 background-color:rgba(255,255,255,0.15)<!--最后一个参数设置透明度,前面三个是RGB颜色值-->
}

更方便的写法:

div{

color:white;

background:rgba(100,100,100,0.5);/*前三位是颜色值,后一位是透明度,.5表示半透明*/

}

rgba颜色转换工具地址:http://www.yuangongju.com/color
很方便转换各种颜色


注意:如果容器是a标签的话,需要给a标签加上“display:block”属性。在手机上显示,都是用第二种样式。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值