Question

当我在ie8和ie11中打开下面的html代码时输出不同。

<div style="left: 0; top: 0; color: EAE6F1; z-index: 5; position: hidden; " id="Screen147">


<img style="left: 0; top: 2; z-index: 2; position: absolute; width: 1280; height: 1020; " id="item1" src="Desert.jpg" border="0"/>

<div style="left: 608; top: 563; background-color: FFFFFF; color: 000000; z-index: 2; position: absolute; font-family:  'Arial'; font-size: 31px; layout-grid: both fixed 51px 32px; white-space: nowrap; " id="item2">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

<div style="left: 608; top: 614; background-color: FFFFFF; color: 000000; z-index: 3; position: absolute; font-family:  'Arial'; font-size: 31px; layout-grid: both fixed 51px 32px; white-space: nowrap; " id="item3">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

<div style="left: 608; top: 665; background-color: FFFFFF; color: 000000; z-index: 4; position: absolute; font-family:  'Arial'; font-size: 31px; layout-grid: both fixed 51px 32px; white-space: nowrap; " id="item4">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

我想在图像中显示白色块。但是当在IE8中运行时，与IE11中显示的相比，白色块显得更大。想要附上图片但缺乏声誉。

我想知道为什么这种行为，如果代码相同，那么输出也应该是相同的。任何人都可以帮我理解这种行为吗？

非常感谢您的回复。

Answer 1

您的HTML输出取决于您的浏览器版本。某些旧版浏览器不支持HTML5和CSS3的许多功能。看看一些着名浏览器支持的功能。

http://www.w3schools.com/cssref/css3_browsersupport.asp

在IE8和IE11中针对相同的HTML文件观察到不同的输出

1 个答案: