Question

I have div wrapper and the background is white, I also have a body background (its an image) I want to have a div inside my wrapper with no white background, basically I am looking to make that div transparent to the wrapper background.

<div style="background:none;">ghjhjghjghj</div>

Any suggestions?

Edit:

I’m trying to make the body background appear trough a div that is inside another div that have a white background. Is this possible?

Answer 1

Transparent background color works in this simple example…

http://jsfiddle.net/rD93B/1/

More HTML/CSS would help identify the problem you’re having.

And updated jsfiddle with white background color on container div…

http://jsfiddle.net/rD93B/3/

Another update ….

http://jsfiddle.net/rD93B/6/

This shows the background color of the container div without showing the background image

CSS

div#outer {
  background-color: green;
  background-image: url(http://static4.grsites.com/archive/textures/red/red001.jpg);
  width: 200px;
  height: 200px;
  z-index: 1;
}


div#inner {
  background-color: inherit;
  background-image: none;
  width: 100px;
  height: 100px;
  border: solid 2px yellow;
  color: yellow;
  z-index: 0;
}

HTML

<div id="outer">
<div id="inner">
</div>
</div>