Question

I am having a huge problem figuring out how to use a transparent background color for my website. I can do it with the background:rgba style attribute which works for all browsers expect ie. It very hard to do it in IE though. You can use opacity or filter:alpha but this makes everything within the div transparent. I dont want that I only want the background color to be transparent. How do I do this please help Ive been looking for explanations on the internet and cannot find a solution.

Answer 1

You can work around this by layering two separate DIVs, one for the transparency and one for the actual content:

.container {
  position: relative;
}

.container .transparency {
  position: absolute;
  z-index: 1;
  background-color: ...;
  opacity: ...;
  /* apply same width and height as parent DIV */
}

.container .content {
  position: absolute;
  z-index: 2;
  /* apply same width and height as parent DIV */
}