ie8文档模式的奇怪现象,前面的对象跳跃延伸到行后(只对mouse事件产生回应,click事件无效,大概有3px)

qidizi

于 2013-04-09 21:10:35 发布

阅读量632

点赞数

分类专栏：浏览器

本文链接：https://blog.csdn.net/qidizi/article/details/8779884

版权

浏览器专栏收录该内容

36 篇文章 0 订阅

订阅专栏

-------test code(test.html)------------

<!DOCTYPE html>
<html>
<head>
<style>
*{padding:0px;margin:0px;}
</style>
</head>
<body style="background-color:orange;">
<b οnmοusemοve="tip(this);">A</b> <b>B</b> <b>C</b>
<fieldset>
    <legend id="mouseDot" style="display:block;background-color:red;height:5px;width:200px;"></legend>
    <div style="background-color:white;" id="tipTxt">onload mouseDot(red line) width=200px</div>
</fieldset>

<script>
function tip(tag) {
    mouseDot.style.width = event.x + 'px';
    tipTxt.innerHTML = 'mouse is move at x=' + event.x + ';so mouseDot(red line) width= ' + event.x + 'px';
}
</script>
</body>
</html>

----------------

在代码行结束把元素的最后一个标签放到新行即可解决(在http://stackoverflow.com/questions/9039113/in-ie-8-in-the-document-mode-why-element-can-jump-to-the-end-of-line),如:

变成

<b>C

</b>

---------------

ie8文档模式的奇怪现象,前面的对象跳跃延伸到行后(只对mouse事件产生回应,click事件无效,大概有3px) - qidizi - qidizi 的博客

qidizi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie8文档模式的奇怪现象,前面的对象跳跃延伸到行后(只对mouse事件产生回应,click事件无效,大概有3px)

-------test code(test.html)------------*{padding:0px;margin:0px;}A B C onload mouseDot(red line) width=200pxfunction tip(tag) { mouseDot.style.width = event.x + 'px'; tipTxt.innerHTML = '
复制链接

扫一扫

专栏目录