I do not want to inherit the child opacity from the parent in CSS

by

Instead of using opacity, set a background-color with rgba, where ‘a’ is the level of transparency.

So instead of:

background-color: rgb(0,0,255); opacity: 0.5;

use

background-color: rgba(0,0,255,0.5);

More Related Contents:

  1. How do I make background-size work in IE?
  2. Remove white space below image [duplicate]
  3. Why does applying a CSS-Filter on the parent break the child positioning?
  4. CSS Child vs Descendant selectors
  5. Nesting @media rules in CSS
  6. How can I center into a div?
  7. Why doesn’t this a:visited css style work?
  8. Text blended over background color
  9. Canvas has white space at the bottom and scrolls too far
  10. How to use ‘hover’ in CSS
  11. A grid layout with responsive squares
  12. Is it possible to create an angled corner in CSS?
  13. CSS rule based on content [duplicate]
  14. What does + mean in CSS? [duplicate]
  15. How can I apply multiple transform declarations to one element?
  16. Float right and position absolute doesn’t work together
  17. Converting and rendering web fonts to base64 – keep original look
  18. Why doesn’t inset box-shadow work over images?
  19. text-overflow ellipsis on flex child not working [duplicate]
  20. Make HTML5 video poster be same size as video itself
  21. Why does stacking order change on webkit filter hover?
  22. css text gradient
  23. Is this possible to create 2-axis 4 color gradient in css (bilinear gradient)?
  24. Can I have different colored left and top borders in CSS?
  25. Safe width in pixels for printing web pages?
  26. CSS text align justify big spaces
  27. Purpose of *:before, *:after rule without content property
  28. How do I change md-input-container placeholder color using css in angular material?
  29. internet explorer font face ssl
  30. Styling the arrow on bootstrap tooltips [duplicate]

Leave a Comment