html - CSS image as background with overlaying gradient color -
I have a picture as the backdrop of the list element.
I want to make a gradient of the background image overlay of the list item which should be transparent
CSS foreground, the image overlay should be like this:.
.listItem {background: linear-gradient (white, black); Opacity: 0.2; }
I can not wrap a div around the list element, because the structure does not accept it.
.. this is your CSS
.listItem {Try in the background: Linear-Slope (RGBA (255, 255, 255, 0), RGBA (0, 0, 0, 0.5)), URL ('http://t0.gstatic.com/images? Q = tbn: ANd9GcSEtKrXuUIiURHP7PFGY_cdYDXyuWhilTgWHkJxZRWAt3-tlSy6epfAAFQQ ') Do not repeat; Background size: cover; }
You can use the RGBA color, which will be opacity
properties
with general hope The colors are better than it will help you
Comments
Post a Comment