Question

im using iframe to desplay some pages that hold a gallerys and i added
2 divs that 1 of them is an arrow build by borders.

now when i try to see the 2 divs with the iframe the background on the div that holds the arrow is white i tryed to set the background color:

background-color:transparent;

but it didnt work.

is there any way to make the div background transparent?

i should add that the page that hold the iframe got an image.

this is the css of the arrow:

border-color: #ffffff #a0c7ff #ffffff #ffffff;
border-style: solid;
border-width: 37px;
width: 0px;
height: 0px;

Answer 1

You will need to add to the iframe:

allowTransparency="true"

[UPDATE]

The problem might be your arrow itself. You need to make the borders you don’t want to see transparent instead of white. Compare these two:

http://jsfiddle.net/XtMCa/

And this (your CSS), which has a white background:

http://jsfiddle.net/XtMCa/1/