+ -
当前位置:首页 → 问答吧 → CSS 背景透明,文字不透明,怎么实现

CSS 背景透明,文字不透明,怎么实现

时间:2011-03-14

来源:互联网

已知:body里面有一张背景图片,然后有一个背景色为红色的Div,
目的:我想让这个Div透明50%,文字不透明
目前情况是:如果我用 :filter:Alpha(Opacity=50);opacity:0.5; 这个属性,可以在火狐,IE6,360等浏览器实现背景透明,但文字也透明。所以行不通
  如果我用一个小png格式的透明图片图片做背景,可以在火狐里面实现背景透明,文字不透明,但在Ie和360里面无法实现背景透明。

所以想请教各位CSS高手帮忙解决这样一个浏览器兼容性问题

作者: yupengcheng_net   发布时间: 2011-03-14

png-8的格式可以支持ie6或者用gif格式来做。

作者: athrunzero   发布时间: 2011-03-14

用1像素的gif, 50%透明度,填充红色。 设置div的背景重复就ok

作者: w1990g0214   发布时间: 2011-03-14

我刚刚试过了png-8格式,它基本上市纯色的,不透明,不可以用的,ie6,ff,360都不行

作者: yupengcheng_net   发布时间: 2011-03-14