How to make div background color transparent in CSS

Opacity gives you translucency or transparency. See an example Fiddle here.

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

Note: these are NOT CSS3 properties

See http://css-tricks.com/snippets/css/cross-browser-opacity/

Related Posts:

  1. How to make a vertical line in HTML
  2. CSS: background-color only inside the margin
  3. How to make the overflow CSS property work with hidden as value
  4. How to push a footer to the bottom of page when content is short or missing?
  5. Linking to a pdf file with html
  6. Change TD border color with HTML or CSS
  7. 100% DIV width is not really 100%
  8. How to change the background-color of jumbrotron?
  9. How to place two divs next to each other?
  10. Can I change Bootstrap button color?
  11. How do I vertically align text in a div?
  12. Hide scroll bar, but while still being able to scroll
  13. How can I center text (horizontally and vertically) inside a div block?
  14. Draw Circle using css alone [duplicate]
  15. How can I scroll to an element using jQuery?
  16. Responsive font size in CSS
  17. Button Center CSS
  18. Is there any way to change input type=”date” format?
  19. How to center a “position: absolute” element
  20. How to change the cursor into a hand when a user hovers over a list item?
  21. CSS Display an Image Resized and Cropped
  22. How do I make a placeholder for a ‘select’ box?
  23. Make div scrollable
  24. CSS color vs. background-color vs. background?
  25. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  26. Stretch background image css?
  27. Set cellpadding and cellspacing in CSS?
  28. Disable Scrolling on Body
  29. CSS Background Image Not Displaying
  30. How to give the background-image path in CSS?
  31. How to overlay image with color in CSS?
  32. CSS Background image not loading
  33. Outline radius?
  34. Bootstrap Dropdown menu is not working
  35. Bootstrap Dropdown menu is not working
  36. How to make a sticky footer in react?
  37. Can I add background color only for padding?
  38. right align an image using CSS HTML
  39. CSS Background Image Not Displaying
  40. Changing the width of Bootstrap popover
  41. Why “Inline-block” doesn’t work properly in this CSS?
  42. html not linking css
  43. Removing border from table cells
  44. How to get CSS to select ID that begins with a string (not in Javascript)?
  45. Setting table row height
  46. How do I disable the resizable property of a textarea?
  47. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  48. Is there a CSS selector for elements containing certain text?
  49. How to align 3 divs (left/center/right) inside another div?
  50. Align an element to bottom with flexbox
  51. Failed to decode downloaded font
  52. How can I change the thickness of my
    tag
  53. Center HTML Input Text Field Placeholder
  54. creating a chevron in CSS
  55. How to create spoiler text?
  56. text-align justify not working
  57. How to make fixed header table inside scrollable div?
  58. Best way to center a
  59. CSS Equivalent of the “if” statement
  60. How to make a div 100% height of the browser window
  61. How to resize an image to fit in the browser window?
  62. HTML / CSS table with GRIDLINES
  63. How can I center

Leave a Comment