[RESOLVED] CSS Opacity

dougal85

    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity: 0.75;
    -khtml-opacity: 0.75;

This works fine in ff1.5, 2 and IE 7...

How do i set the transparancy of a div in IE6? Is it possible?

JPnyc

You set it with the 1st command you have there. That is the correct syntax for IE6

dougal85

Hmm, thanks. However its not working.

i stripped it right down to try and identify the problem without much luck. Am i overwriting it with the other conditions somehow? CSS hacks are my kryptonite

Below is the testing page i made, one div appears black and one gray in FF and ie7... but in ie6 both are solid black. so no transparency is working 🙁

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>

<style type="text/css">

#testdiv
{
    width: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}

#testdiv2
{
    width: 100%;
    background-color: #000;
}

</style>

</head>
<body>

<div id="testdiv">

testing

</div><br />
<div id="testdiv2">

testing

</div>


</body>
</html>

bpat1434

Perhaps this page will help: Opacity

Unfortunately I can't test with IE6 (upgraded to IE7....) so I can't really help you there. But it seems like it should work.

dougal85

thanks... got it working from that website 🙂

bpat1434

Would you mind telling us what it was?

dougal85

Well, Firstly with that website i magaged to find out the version of internet explorer 6 i had (for some reason) wasnt even working with there method. so then i started testing with my old computer.

There website worked, so i coped there example, wich turned out to be the same as mine and i just removed '-khtml-opacity: 0.5;'

I've upgraded my IE to version 7 too, but ive got a standalone version of ie6 - its generally very good for testing css but this is helping remind me i cant rely on it.

to be honest, ive no idea what the line '-khtml-opacity: 0.5;' does or what browser its meant to be for? I got it from another example online... one that ive lost the link to.

JPnyc

Something that might help, if you're using IE6 on win2k, if activeX is disabled, opacity (and other css commands) do not function. Don't ask me why, but they don't.

Weedpacket

Because Microsoft implemented those things as ActiveX controls. I guess it was simpler than fixing the CSS engine directly.

Incidentally, the "-moz-opacity" rule isn't necessary either: Firefox (as well as Konqueror, for which the -khtml rule was provided) recognises the standard "opacity" rule.

JPnyc

Correct, you don't need the moz or khtml special commands. They all understand the suggested standard of opacity syntax. All you need is that and the IE6 version, and you're in.