与How do I give text or an image a transparent background using CSS?相关,但略有不同.
我想知道是否有可能改变背景image的alpha值,而不仅仅是 colored颜色 .显然,我可以用不同的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>
它可以工作,但它又笨重又丑陋,而且在更复杂的布局中会把事情搞得一团糟.