我有一个带有图片的div容器,div的宽度和高度由第三方JavaScript控件“smoothZoom”控制,在所有浏览器中都能正常工作,除了IE。IE8根本无法正确渲染控件(可能是JavaScript在某个地方崩溃),但现在这不重要,所有IE版本都会显示主图像模糊。
使用div的原因是我们有一个主图像(建筑物布局)和几个点(也是图像),它们在div中并排放置,每个样式的“top”和“left”设置为主图像的坐标。
例如:
<div>
<img src="\mainimage.png"/>
<img style="top: 310px; left: 1675px; width: 50px; height: 50px;" src="/Images/dot.png" data-id="2">
</div>
正如我所说,除了IE浏览器中出现像素化图像、不清晰文本和细线条之外,在所有其他浏览器中都能正常工作。
编辑: 我应该补充说明的是,smoothZoom控制的是div而不是图片。