So here is an other way:
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url("your_image.png");
More Related Contents:
- How to add a background image on top of a previous background image?
- When to use IMG vs. CSS background-image?
- Fill SVG path element with a background-image
- CSS Display an Image Resized and Cropped
- Why does styling the background of the body element affect the entire screen?
- Is it possible to have two background colors for a single html element? [duplicate]
- Why the content is not covered by the background of an overlapping element?
- Fixed background image with ios7
- CSS set background-image by data-image attr
- Fit background image to div
- Color of stacked semi-transparent boxes depends on order?
- Fullscreen responsive background image in CSS
- Stretch background image css?
- Is there a way to use use text as the background with CSS?
- CSS Background image not loading
- CSS: stretching background image to 100% width and height of screen?
- Fit website background image to screen size
- How to create a Slanted Background with CSS? [duplicate]
- How to change the inner white color of Font Awesome’s exclamation triangle icon?
- How to center a (background) image within a div?
- How to change SVG color when it is an encoded CSS background image?
- Force iframe YouTube video to center fit and full cover the screen in the background using HTML5 CSS3
- Fallback background-image if default doesn’t exist
- How to completely remove borders from HTML table
- How do I stretch a background image to cover the entire HTML element?
- Can I use an image from my local file system as background in HTML? [duplicate]
- html/css empty space at bottom of the website
- Thick underline behind text
- Space between nowrap inline blocks [duplicate]
- Font Rendering / Line-Height Issue on Mac/PC (outside of element)