1

我的身高有点问题：

首先这是我的代码

<html>
<head>
</head>

<body>
<div id="photo" div name="photo" style="position: absolute; overflow: auto; width: 74%; height: 74%; left: 25%; top: 10">
<center><img id="grandeimg" img name="grandeimg" src="../../fonds/black.gif" img style="display:none; height:80%" onmouseover="this.style.display='none'"/></center>
</div>

<div align="left" style="position: absolute; width: 66%; height: 15%; left: 30%; top: 79%" >
<img alt="DSC_6844.JPG" src="DSC_6844_thumb.jpg" onmouseover="getElementById('grandeimg').src='DSC_6844.JPG';getElementById('grandeimg').style.display='block'" onmouseout="getElementById('grandeimg').src='../../fonds/black.gif';getElementById('grandeimg').style.display='none';"/>
</div>
</body>
</html>

对于作品，我使用两张图片（一张是全尺寸的 DSC_6844，另一张是小尺寸的 DSC_6844_thumb。当鼠标放在小图片上时，显示全图，否则不显示全图。在 IE10 之前的所有 Internet Explorer 版本中，这是工作正常（适用于 Firefox 和其他）。

我的问题只在 IE10 上。问题出在 img id="grandeimg" 上，参数 height=80% 如果我将 height=80% 替换为 width=80% 或 height=500，则图像大小调整成功。但是，如果我想用 % 调整图像的高度，那是行不通的。

我不是html专家，我不懂css，我只使用小html。

你能测试一下这个小代码吗（你可以用两张图片的好名字，放在与 html 文件相同的目录中）？

你有解决办法吗？

因为我使用横向和纵向图片，所以我需要将放置在 DIV 中的图像大小调整为 %。

提前为您提供答案和解决方案（请详细说明解决方案或示例，因为我不是 HTML 专家）。

4

0 回答 0