css可以给img改成透明背景吗,如何使用CSS为文本或图像提供透明背景?

这是我能想到的最好的解决方案,而不是使用CSS 3.就我所见,它在Firefox,Chrome和Internet Explorer上运行良好。

将容器DIV和两个子DIV放在同一级别,一个用于内容,一个用于背景。使用CSS,自动调整背景大小以适应内容,并使用z-index将背景实际放在后面。

.container {

position: relative;

}

.content {

position: relative;

color: White;

z-index: 5;

}

.background {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

background-color: Black;

z-index: 1;

/* These three lines are for transparency in all browsers. */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

filter: alpha(opacity=50);

opacity: .5;

}

Here is the content.


Background should grow to fit.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值