CSS opacity and child elements

by

You may use rgba().

div#foo
{
    background: rgba(0, 0, 255, 0.3);
}

To make it work in old Internet Explorers use CSS PIE. There are some limitations, but those are handled in a backwards compatible way: the RGB value will be rendered correctly and the opacity will be ignored.

More Related Contents:

  1. Using percentage values with background-position on a linear-gradient
  2. How to remove the stripes that appears when using linear gradient property [duplicate]
  3. Stretch and scale a CSS image in the background – with CSS only
  4. CSS3 background image transition
  5. How to get div height to auto-adjust to background size?
  6. Transparent hollow or cut out circle
  7. Preloading CSS Images
  8. Drop shadow for PNG image in CSS
  9. Gradients in Internet Explorer 9
  10. What is the difference between background and background-color
  11. draw diagonal lines in div background with CSS
  12. Error: CSS: background: / is an incorrect operator
  13. Why does the linear-gradient disappear when I make an element position:absolute?
  14. Greyscale Background Css Images
  15. Cross browser way to rotate image using CSS?
  16. blur of part of Background image with css
  17. CSS: background image on background color
  18. div background color, to change onhover
  19. Overlay a background-image with an rgba background-color
  20. Transparent hollow or cut out shape in HTML
  21. background-attachment fixed with transform not working in Firefox
  22. Can I do knock-out/punch-through transparency with CSS fonts?
  23. Fixed gradient background with css
  24. Have a fixed position div that needs to scroll if content overflows
  25. How does hexadecimal color work?
  26. Are all CSS font-weight property’s values useful?
  27. CSS3 transitions on pseudo-elements (:after, :before) not working?
  28. How do I get my CSS linear gradient to work in IE?
  29. Comparison of loading CSS inline, embedded and from external files
  30. Downloadable font on firefox: bad URI or cross-site access not allowed

Leave a Comment