Question

html 图片显示 在不同的浏览器出现图片错位的现象

怎么解决。最好详细一点。
现在是6张小图片拼凑成的完整大图片，但是在ie6或者搜狗浏览器上，小图片出现错位的现象，就不能完成的拼凑成大图片，怎么解决？能让图片适应浏览器的版本，自动缩放的功能。
高额悬赏，大神帮帮忙

Answer 1

这种排列我个人觉得是不适合让他自动缩放的，因为图片位置关系很重要，图片大小如果不是固定的，那么图片的位置很可能会因为一点小小的变动就要全部重排

这种我觉得比较好的做法是
将6张图片全部放到一个容器中，设置容器position为relative
然后固定6张图片的宽和高，并设置其position为absolute
根据排列，依次设置每一个图片的left和top属性，固定其位置
然后，将最外层的容器放置到页面想要的位置

这种做法在各个不同的浏览器中应该是不会造成太大的表现差异的

至于缩放的话，可能就需要js获取一些信息来计算每一个图片的高和宽，以及其left和top，但css应该和上面是差不多的

Answer 2

问题一：是html的问题还是CSS的问题。
重点排查图片是不是设置高度和宽度是像素，如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。
不同浏览器显示不一样不是分辨率的问题的话检查CSS。

Answer 3

• 是html的问题还是CSS的问题。

• 重点排查图片是不是设置高度和宽度是像素，如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。

• 不同浏览器显示不一样不是分辨率的问题的话检查CSS。