Transparent CSS background color

now you can use rgba in CSS properties like this:

.class {
    background: rgba(0,0,0,0.5);
}

0.5 is the transparency, change the values according to your design.

Live demo http://jsfiddle.net/EeAaB/

more info http://css-tricks.com/rgba-browser-support/

Related Posts:

  1. CSS Background Opacity [duplicate]
  2. CSS Background Opacity [duplicate]
  3. How to change text transparency in HTML/CSS?
  4. How to darken a background using CSS?
  5. How to make blinking/flashing text with CSS 3
  6. Making text background transparent but not text itself
  7. Center image using text-align center?
  8. See answer keys in Google Form (quiz) source page?
  9. How do I vertically align text in a div?
  10. Why does z-index not work?
  11. How do I vertically center text with CSS?
  12. Failed to load resource: the server responded with a status of 404 (Not Found) css
  13. How do I vertically center text with CSS?
  14. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  15. Set cookie and get cookie with JavaScript
  16. Prevent line-break of span element
  17. How to align iframe always in the center
  18. How do I auto-resize an image to fit a ‘div’ container?
  19. Expected RBRACE, but the bracket is there?
  20. How to make an image center (vertically & horizontally) inside a bigger div
  21. How to center text with Markdown?
  22. Set the table column width constant regardless of the amount of text in its cells?
  23. CSS `height: calc(100vh);` Vs `height: 100vh;`
  24. CSS Display an Image Resized and Cropped
  25. Disable Scrolling on Body
  26. Darken CSS background image?
  27. CSS no text wrap
  28. Responsive image map
  29. How to wrap text around an image using HTML/CSS
  30. Bootstrap 4 Sticky Footer Not Sticking
  31. How to change css property using javascript
  32. How to make a whole ‘div’ clickable in html and css without JavaScript?
  33. How (and why) to use display: table-cell (CSS)
  34. Vertical Text Direction
  35. Disable Scrolling on Body
  36. CSS Background Image Not Displaying
  37. How to darken a CSS background image?
  38. Changing image sizes proportionally using CSS
  39. How can I create a marquee effect?
  40. How to give the background-image path in CSS?
  41. How can I make a CSS glass/blur effect work for an overlay?
  42. How to overlay image with color in CSS?
  43. CSS Background image not loading
  44. Outline radius?
  45. Maintain the aspect ratio of a div with CSS
  46. What is the difference between id and class in CSS, and when should I use them?
  47. How to set Helvetica font?
  48. Indent starting from the second line of a paragraph with CSS
  49. CSS Background Image Not Displaying
  50. jQuery.addClass not working
  51. what’s the easiest way to put space between 2 side-by-side buttons in asp.net
  52. Vertically centering a div inside another div
  53. How to move image with css/html
  54. CSS list-style-image size
  55. How to style the option of an html “select” element?
  56. CSS pick a random color from array
  57. Adding background image to div using CSS
  58. How to display hr horizontally with flex?
  59. Center a DIV horizontally and vertically
  60. how to overwrite css style
  61. How can I move this text up using CSS?
  62. Target a css class inside another css class
  63. CSS float right not working correctly
  64. How can I vertically align elements in a div?
  65. How to give spacing between buttons using bootstrap
  66. How can I override Bootstrap CSS styles?
  67. Space between two rows in a table?
  68. Styling an input type=”file” button
  69. Make a div fill the height of the remaining screen space
  70. How to stick footer to bottom (not fixed) even with scrolling
  71. How to change the background-color of jumbrotron?
  72. Add image in title bar
  73. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  74. How to display a gif fullscreen for a webpage background?
  75. Padding a table row
  76. vertical-align with Bootstrap 3
  77. How to add image that is on my computer to a site in css or html?
  78. How do I align in my image to move it vertically up?(CSS,HTML)?
  79. How to use PHP inside css file
  80. Setting a max character length in CSS
  81. Bootstrap Columns Not Working
  82. How to center an unordered list?
  83. How to make div appear in front of another?
  84. PHP Include Nav-bar For Every Page Techniques?
  85. External CSS not working
  86. How to exclude particular class name in CSS selector?
  87. How to create spoiler text?
  88. How do I center text in a span?
  89. HTML/CSS–Creating a banner/header
  90. text-align justify not working
  91. Change hover color on a button with Bootstrap customization
  92. Alternate table row color using CSS?
  93. How to create a hidden in JavaScript?
  94. How to make a DIV not wrap?
  95. CSS “and” selector – Can I select elements that have multiple classes?
  96. HTML / CSS table with GRIDLINES
  97. CSS: Background image and padding
  98. Layout a flex box similar to a table?
  99. Firefox CSS Animations Broke [closed]
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment