Do something else in Opera

@IncaWarriorOct 25.2004 — #background-image: url("back.gif");

@Stephen_PhilbinOct 25.2004 — #I think you're missing some Opera proprietary code too. You could use a png instead though. That's what I do.

@cybercampbellauthorOct 25.2004 — #will this is exactly what I'm doing:

css:

[code=php]
 #alphabg {
 position:absolute; 
 left:36px; 
 top:359px; 
 width:703px; 
 height:140px; 
 z-index:4; 
 background-color: #CFD0CD; 
 layer-background-color: #CFD0CD; 
 border: 1px none #000000; 
 visibility: hidden;
 }
 .alphalayer{ 
 filter: alpha(opacity=0); 
 -moz-opacity: 0.0; 
 opacity: 0.0; 
 } 
 [/code]

javascript:

[code=php]
 var val=0; 
 function fade(){ 
 document.getElementById('alphabg').style.filter='alpha(opacity='+val+')'; 
 document.getElementById('alphabg').style.MozOpacity=val/100; 
 val++; 
 if (val<30)setTimeout('fade()',10); 
 }
 [/code]

HTML:

[code=php]
 <body onLoad="fade()">
 <div id="alphabg" class="alphalayer"></div>
 [/code]

The grey box is fading in from 0 to an amount that looks good. but in Opera and on a MAC it just shows the grey box at full which looks BAD.

So who could I incorporate a PNG with alpha channel in this process without interfering with the existing fade/alpha that works in the other browsers.

Cheers

Chris

@cybercampbellauthorOct 27.2004 — #No takers??????

Anyone else got any ideas?

Chris

@IncaWarriorOct 27.2004 — #Opera doesn't make stuff like that.

Do something else in Opera

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Do something else in Opera

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴