The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Problem with css
Please i really need help somebody that can explain me how to make this space on the opacity on top of the image.
http://raulphotodesign.com/sample/sample.jpg
i having like this now. http://raulphotodesign.com/sample/
Please help!!!!1
Instead of having a width/height of 100% on figcaption you should just set the top/right/bottom/left values to something other than 0.
figcaption
0
This worked for me:
#main-banners > div figcaption { position: absolute; z-index: 2; top: 10px; right: 10px; bottom: 10px; left: 10px; /* width: 100%; REMOVE */ /* height: 100%; REMOVE */ padding: 10%; color: #FFF; background-color: rgba(40, 40, 40, 0.8); }
I gave an answer in this earlier topic as well :
Right here
No need to start another one.