Internet Explorer 和 onMouseOver/onMouseOut
我尝试在这里寻找类似的问题，但找不到一个，所以它来了：
我有这个html（忽略“+whatever+@”，它在代码隐藏文件中，所以我把一些我从那里得到的变量）：
<div id='ReferenceContainer"+UniqueID+@"' style='background-color:"+BackcolourOFF+@"; width:"+CompWidth+@"; height:"+CompHeight+@";'>
<div id='Reference"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; '>
<div id='RefTextContainer"+UniqueID+@"' style='float:left; width:"+CompWidth+@"; height:"+CompHeight+@"; ' >
<div id='RefTitleCon' style='margin-top:"+RefTitleMargin+@"px; color:"+RefTitleColor+@"; z-index:-1;' ><p><b>"+RefTitle+@"</b></p> </div>
<div id='RefTextCon'><p>"+RefText+@"</p></div>
</div>
<div id='RefPicContainer"+UniqueID+@"' style='float:right;'>
<img id='RefImg"+UniqueID+@"first' class='first' name='RefImg"+UniqueID+@"' src=" + StartImg + @" style='position:absolute;' ></img>
<img id='RefImg"+UniqueID+@"second' class='second' name='RefImg"+UniqueID+@"' src=" + AltImg + @" style='display:none;' ></img>
</div>
</div>
<div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; position:relative; top:-"+CompHeight+@"px; left:0px;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'></div>
</div>
现在在Firefox，一切都很完美。 div“ScriptContainer”位于整个事物的前面，当鼠标进入或离开时，功能将完全按照其应有的方式工作。 但是 IE8 将文本放在所有内容的前面，然后这些功能就无法像我希望的那样工作。每次鼠标输入位于所有内容前面的文本时，都会调用“ChangeBackcolourOFF”，每次鼠标从文本进入“Scriptcontainer”时都会调用“ChangeBackcolourON”。
所以我要么需要弄清楚如何强制将文本放置在“Scriptcontainer”后面或其他一些解决方案。
我很感激你的回答
I have tried looking a similar question on here but couldnt find one so here it comes:
I have this html (ignore the "+whatever+@", its in a codebehind file so im putting some variables that im getting from there):
<div id='ReferenceContainer"+UniqueID+@"' style='background-color:"+BackcolourOFF+@"; width:"+CompWidth+@"; height:"+CompHeight+@";'>
<div id='Reference"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; '>
<div id='RefTextContainer"+UniqueID+@"' style='float:left; width:"+CompWidth+@"; height:"+CompHeight+@"; ' >
<div id='RefTitleCon' style='margin-top:"+RefTitleMargin+@"px; color:"+RefTitleColor+@"; z-index:-1;' ><p><b>"+RefTitle+@"</b></p> </div>
<div id='RefTextCon'><p>"+RefText+@"</p></div>
</div>
<div id='RefPicContainer"+UniqueID+@"' style='float:right;'>
<img id='RefImg"+UniqueID+@"first' class='first' name='RefImg"+UniqueID+@"' src=" + StartImg + @" style='position:absolute;' ></img>
<img id='RefImg"+UniqueID+@"second' class='second' name='RefImg"+UniqueID+@"' src=" + AltImg + @" style='display:none;' ></img>
</div>
</div>
<div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; position:relative; top:-"+CompHeight+@"px; left:0px;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'></div>
</div>
Now in firefox, everything works just perfect. The div "ScriptContainer" sits in front of the whole thing and when the mouse enters or leaves the functions work exactly as they should.
But IE8 places the text in front of everything and then the functions do not work as i would like them to. "ChangeBackcolourOFF" gets called every time the mouse enters the text, which sits in front of everything and "ChangeBackcolourON" gets called every time the mouse enters the "Scriptcontainer" from the text.
So i either need to figure out how to force the text to be placed behind the "Scriptcontainer" or some other solutions.
I appreciate you answers
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
好吧，我实际上通过反复试验弄清楚了这一点。所以我想我会分享。
显然，如果“Scriptcontainer”没有背景色，则 IE 将文本放在前面，但如果“Scriptcontainer”有背景色，则文本放在后面。
所以我给了“Scriptcontainer”一个背景颜色，并用filter:alpha(opacity = 0);让它看透。不透明度：0；
像这样：
我不确定是否还有其他可能更好的解决方案来解决这个问题，但它似乎对我有用。
Okay, i actually figure this out by trial and error. So i thought i would share.
Apparently, if the "Scriptcontainer" does not have a background colour then IE places the text in front, but if the "Scriptcontainer" has a background colour then the text is placed behind.
So i gave the "Scriptcontainer" a background colour and made it see through with filter:alpha(opacity = 0); opacity: 0;
so like this:
Im not sure if there are other, perhaps better solutions to this problem but it seems to work for me.