Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

making a transparent background on a top layer

Status
Not open for further replies.

Guest_imported

New member
Jan 1, 1970
0
how do i make my top layer background semi-transparent? i have been trying different techniques and none of them work! help!!!
 
Put this in to <style> at the top and then link to it with class=&quot;fade&quot;

.fade{filter:alpha(opacity=50,enabled=1);}

Rick
 
This one will work in NS6 also

function Browser(){
this.name = navigator.appName;
if (this.name == 'Microsoft Internet Explorer') this.browser = 'ie';
else if (this.name.match(/Netscape/)) this.browser = 'ns';
else this.browser = this.name;
this.version = parseInt(navigator.appVersion);
this.ns = (this.browser=='ns' && this.version>=4);
this.ns4 = (this.browser=='ns' && this.version==4);
this.ns6 = (this.browser=='ns' && this.version>=5);
this.ie = (this.browser=='ie' && this.version>=4);
this.ie4 = (this.browser=='ie' && navigator.userAgent.indexOf('MSIE 4')>-1);
this.ie5 = (this.browser=='ie' && navigator.userAgent.indexOf('MSIE 5')>-1);
this.ie6 = (this.browser=='ie' && navigator.userAgent.indexOf('MSIE 6')>-1);
if (this.ie5) this.version = 5;
this.op5 = (navigator.userAgent.indexOf('Opera 5')>-1);
if (this.op5){this.browser = 'op'}
this.dom1 = (document.implementation && document.implementation.hasFeature)?true:false;
this.os = (navigator.platform)?navigator.platform:'unknown';
if (this.ie){ this.language = navigator.userLanguage.substring(0,2).toLowerCase() } else if (this.ns || this.op5) { this.language = navigator.language.substring(0,2).toLowerCase() }
this.toString = function(){ return '[object Browser]'}
return this;
}

function setOpacity(objId, i){
b = new Browser()
if (b.ie){
obj = document.all[objId]
obj.style.filter = &quot;alpha(opacity=&quot; + i + &quot;)&quot;;
}
else if (b.ns6){
obj = document.getElementById(objId)
obj.style.MozOpacity = i+'%'
}
}
//-->

On any event you may apply the setOpacity() function

for eg.: <body onLoad=&quot;setOpacity('layerid','50')&quot;>>

where layerid= name of layer and 50 may be the opacity percantage from 0 to 100 Ranjan
:: I earn because I learn ::
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top