Onder staande functie heb ik gemaakt:

---------------------------------------------------------
function makeHighlighter(el){
el.onmouseover = function(){

var fadeout = document.getElementById(container).getElementsByTagName('div');
for (i=0;i<fadeout.length;i++){
var currElement = document.getElementById(fadeout[i].id);
currElement.style.filter = "alpha(opacity=60)";
currElement.style.opacity = "0.6";
currElement.style.mozOpacity = "0.6";
}

el.style.filter = "alpha(opacity=100)";
el.style.opacity = "1.0";
el.style.mozOpacity = "1.0";
}
}
---------------------------------------------------------

Het is de bedoeling dat alle elementen binnen de container op 60% transparantie worden gezet en alleen de actieve voor de volle 100% zichtbaar is.

Dit gebeurt keurig in FF, maar niet in andere browsers.
Wanneer ik een alert plaats waarin ik het id van het element toon gaat dit wel goed (eveneens bij een visibility = "hidden").

Het lijkt er dus op dat ik een verkeerde term gebruik voor het transparant maken ?!

Verder al gezocht, maar kan niks anders vinden.


Weet iemand wat er hier verkeerd gaat?
Ik wil niet alleen de background bewerken, maar de hele div.
Graag wil ik weten of iemand hier ook ervaring mee heeft, zeker omdat het in FF wel goed gaat en als ik anders aanroep (bijv.display="none") het overal goed gaat.

Alleen die transparency gaat niet goed, op andere plaatsen in de site gaat het wel goed met deze aanroep.
heb je een voorbeeldje online staan?
Ik heb even verder onderzoek gedaan en ben er uit!

De andere browser vereisen voor een transparante div blijkbaar dat je een width en height meegeeft in de HTML code, dus niet als CSS.

Een beetje vreemd, maar alleen dan werkt het correct.

Reageren