none
ie9渲染bug RRS feed

  • 问题

  • IE9的一个bug,外部容器设置为overflow:auto且内容元素宽度超出容器宽度,在切换内部元素class时会影响到容器的尺寸。

    运行下面的代码:

     

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    	<title></title>
    	<style type="text/css">
    		.z { background-color : gray }
    	</style>
    
    	<script type="text/javascript">
    		var toggleClass = true;
    		function hover(e)
    		{
    			if (toggleClass)
    				(e.srcElement || e.target).className = "z";
    			else
    				(e.srcElement || e.target).style.backgroundColor = "gray";
    		}
    
    		function leave(e)
    		{
    			if (toggleClass)
    				(e.srcElement || e.target).className = "";
    			else
    				(e.srcElement || e.target).style.backgroundColor = "";
    		}
    	</script>
    </head>
    
    <body>
    	<div style="overflow:auto;width:800px;border:#ff6600 1px solid;">
    		<div style="width:1000px;">
    			<div onmouseover="hover(event)" onmouseout="leave(event)">Hover</div>
    		</div>
    	</div>
    </body>
    </html>
    
    希望能在以后的service pack中修复。

     

    2011年5月18日 10:20

答案

全部回复