PHP设置文本框背景透明度,如何给background-image设置透明度?

本文介绍了如何在CSS中为背景图片设置透明度,包括使用opacity属性以及针对不同浏览器兼容性的滤镜技巧,如Webkit-filter。通过实例演示了如何让元素的背景图呈现出半透明效果,即使图片本身不支持透明度调整。
摘要由CSDN通过智能技术生成

如题,现在是没法改图片本身的透明度,该图片以 background-image 写在 css 里,不知道有没有办法给他设置透明度?div{

position: relative;

}

div:after{

content: '';

display: block;

width: 100%;

height: 100%;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: url(...);

opacity: 0.5;

}

背景图用png,有透明度。

元素设置透明度当背景,另一个元素遮盖到上面 客串下它儿子,假装是这个元素的内容。

css的opacity属性可以设置图片的透明属性,#div{

background-image: url(img.png);

opacity:0.4;

filter:alpha(opacity=40);/* 针对 IE8 以及更早的版本 */ }

无法改变图片本身的透明度,那只能改变整个DIV的透明度来达到类似的视觉效果:

1.opacity属性

2.如果兼容性允许的话使用css3滤镜-webkit-filter(有别于之前的IE滤镜)。

看下这个网站的实现办法Opacity in CSS background images

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值