使用CSS可以将图片变透明,可以让图片融入到网页中,显得更加美观。以下是实现方法。
opacity:0.5;
可以通过设置图片的opacity属性来达到透明效果。0为完全透明,1为完全不透明。例如,可将图片透明度设置为0.5:
img {
opacity:0.5;
}
若想设置部分透明,可以使用rgba值。例如,设置背景颜色为半透明灰色,透明度为0.5:
background-color: rgba(128, 128, 128, 0.5);
CSS的opacity属性十分易用,只要简单设置即可实现图片的透明效果。