这篇问题与如何使用CSS使文本或图像具有半透明背景相关,但略有不同。
我想知道是否可以改变背景图片的alpha值,而不仅仅是颜色。显然,我可以保存具有不同alpha值的图片,但我希望能够动态地调整alpha值。
到目前为止,最好的解决方案是:
<div style="position: relative;">
<div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;
background-image: url(...); opacity: 0.5;"></div>
<div style="position: relative; z-index: 1;">
<!-- Rest of content here -->
</div>
</div>
它可以工作,但是它很笨重、丑陋,并且在更复杂的布局中会搞乱事情。