I am creating a pop up bubble for a rollover effect on a page. This works fine in all browsers except IE.
Here’s the code…
var scrRoll = document.getElementById("scrollerRolloverText");
var el = document.getElementById("Technology");
top_value = el.y - 133;
scrRoll.style.top = top_value.toString() + "px";
scrRoll.style.left = el.x - 15 + "px";
scrRoll.innerHTML = item;
scrRoll.style.filter = "alpha(opacity=0);";
scrRoll.style.mozopacity = 0 / 100;
scrRoll.style.opacity = 0 / 100;
scrRoll.style.kthmlopacity = 0 / 100;
scrRoll.style.display = "block";
fader = setInterval(divFadeIn, 20);
The issue that I appear to be facing is that IE cannot access the x an y co-ords of the element “Technology” (set to el in the above code). Any idea why IE can’t access this attribute and the other browsers can? Any alternatives?
Cheers,
Ben