Can I set background image and opacity in the same property?

by 
#main {
    position: relative;
}
#main:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}

More Related Contents:

  1. What is the difference between display: inline and display: inline-block?
  2. What is the difference between “screen” and “only screen” in media queries?
  3. Remove IE10’s “clear field” X button on certain inputs?
  4. 2 column div layout: right column with fixed width, left fluid
  5. CSS: How to say .class:last-of-type [classes, not elements!] [duplicate]
  6. IE 8: background-size fix [duplicate]
  7. How to write a CSS hack for IE 11? [duplicate]
  8. Get Two Columns with different background colours that extend to screen edge [duplicate]
  9. Can I remove the URL from my print css, so the web address doesn’t print?
  10. CSS to make an empty cell’s border appear?
  11. Style child element when hover on parent
  12. Webkit CSS Animation issue – persisting the end state of the animation? [duplicate]
  13. Make child visible outside an overflow:hidden parent
  14. How to align left last row/line in multiple line flexbox [duplicate]
  15. How to hide scrollbar in Firefox?
  16. How to auto adjust the height according to content in it?
  17. What is the difference between block and inline-block with width: 100%?
  18. Icon fonts not loading in IE11
  19. Center Oversized Image in Div
  20. Print Background colours in Chrome
  21. Font weight turns lighter on Mac/Safari
  22. CSS Equivalent of the “if” statement
  23. CSS3 3D Transform doesn’t work on IE11
  24. IE not rendering CSS properly when the site is located at networkdrive
  25. How to center multiple inline-block elements with CSS?
  26. Shrinking navigation bar when scrolling down (bootstrap3)
  27. Horizontal masonry layout with flexbox CSS only [duplicate]
  28. How to combine and use multiple Next.js plugins
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. -webkit-font-smoothing property has no effect in Chrome

Leave a Comment