文章/答案/技术大牛

发布

社区首页 >问答首页 >Internet Explorer 9-溢出:自动；意外增长

问Internet Explorer 9-溢出:自动；意外增长
EN

Stack Overflow用户

提问于 2013-06-24 14:15:09

回答 1查看 83关注 0票数 0

今天，我发现了另一个溢出:在标准模式下的IE9 (至少)中存在自动问题。

示例：

<!DOCTYPE html>
<html>
 <body>
  <div id="ovfdiv" style="background-color: #EEEEEE; overflow: auto;">
   <ul>
    <li style="color: black;" onmouseover="javascript:this.style.color='red';" onmouseout="javascript:this.style.color='black';">resize_until_horizontal_scrollbar_appears__then_move_cursor_over_this_text</li>
   </ul>
  </div>
 </body>
</html>

验证您的IE9是否在IE9标准模式下运行页面。您应该注意到，overflow-div在每次鼠标事件时都会增长，它只修改li元素的样式。

我怎样才能避免这种情况？

overflow

javascript

html

internet-explorer

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-26 18:17:18

我已经通过使用overflow: auto；to对div进行了样式更新来解决了这个问题：

onmouseover="javascript:this.style.color='red';document.getElementById('ovfdiv').className='';"

当然，您也需要将其添加到onmouseout中。你不会把所有的代码都内联起来;)把它移到一个函数中，这样你就可以这样做了

var ovfdivObj = document.getElementById('ovfdiv');
if(ovfdivObj)
  ovfdivObj.className = ovfdivObj.className;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17269043

复制

相似问题

问Internet Explorer 9-溢出:自动；意外增长
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet Explorer 9-溢出:自动；意外增长EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet Explorer 9-溢出:自动；意外增长
EN