Ross is confused ;o

[GoldenMerc]

well im wanting a div which would be about 600px wide which i've done but im wanting the div to be white but be 35% transparent how would i do this?
Ross

[Source]

Easiest way for cross-browser compatibility is to create a png of white at 35% transparency - then use that as the background from the div.

[GoldenMerc]

<div style="width: 550px; background-img: (C:\Documents and Settings\Ross\My Documents\My Pictures\images/trans.png) ; border-style: solid; border-width: 1px; border-color: #ffffff;">

<div id="img-main" style="width: 88px; height: 100px;">

&nbsp;

</div>

Doesnt seem to be working but i suppose its a more simple idea, im doing this from my pc its not uploaded to a sever if you are guessing

[Jaysun]

Use CSS instead.

[Swinkid]

make the background fo the page actually black firstly. Then try this:

<div style="width: 550px; background-img: (C:\Documents and Settings\Ross\My Documents\My Pictures\images\trans.png) ; border-style: solid; border-width: 1px; border-color: #ffffff;">

<div id="img-main" style="width: 88px; height: 100px;">

&nbsp;

</div>

Dno if it will make a diffrence.

[GoldenMerc]

make the background fo the page actually black firstly. Then try this:



Dno if it will make a diffrence.

nah that doesnt work

[GoldenMerc]

is what i want exept the background im still thinking about adding, its black so you can see the transparent ect.

[Mentor]

is what i want exept the background im still thinking about adding, its black so you can see the transparent ect.

Well in that its a great deal easier just to use the grey colour lol. If your planning on having something behind it, opacity is possible in most browsers but has a few issues in terms of how well its supported.

Basic css (w3 standards) is the opacity attribute, firefox, safari etc will read this fine.

opacity:0.4;

IE because of some terrible standards support requires it own, invalid tag to to the job

filter:alpha(opacity=40)


keep in mind opacity can be adjusted by changing the value in the css attribute.

[GoldenMerc]

So what would the code be for the opacity then for FF and IE, it would obviously have to go into the divs tags. uhh so confusing ;P

[Mentor]

add in to whatever you want see through the code style='opacity:0.5;filter:alpha(opacity=50)'

and that should do the job?