想要改进这个问题？ 更新问题所以它是 - 主题用于卸妆答案。
I've got a slideshow on the homepage which consists of an image and with text in front of it, in the bottom half of the image. I would like to apply opacity to the lower part of the image. Is there a way to do this using css?
You need to use the image with an absolutely positioned div:
Check here for the demo
What I would have done is to add a new
span element with the same background as the page, then absolute position it between the image and the text using
z-index. How the CSS looks depends on your page layout and html structure, but note that all elements needs a
position value for
z-index to work.