标签：
今天切图，想在两个图片上加个超链接，为了解决兼容性问题没有使用<area> 标签，想通过定位来实现，但是试了很多次，在不同的分辨率下都对不齐，移位了，后来想到msn网站上有两个图片也是通过定位来解决的，而且在任何分辨率下都不会偏移，因此依照msn官网的写法，果然实现了，代码如下：
<body style="background:#7eb41e url(images/zhaoPin.jpg) no-repeat center top;margin:0px;padding:0px;">
<a href="#"><div style=" background:url(images/zp1.jpg) no-repeat 0px 0px;width:369px;height:201px;position: fixed;_position: absolute;top: 365px; _top:expression(eval(document.documentElement.scrollTop+40));left: 50%; margin-left:-419px;"></div></a>
<a href="#"><div style=" background:url(images/zp2.jpg) no-repeat right top;width:369px; height:201px;position: fixed;_position: absolute;top: 363px; _top:expression(eval(document.documentElement.scrollTop+40));margin-left:65px;left: 50%;"></a></div></a>
</body>
但是这有个问题，我百思不得其解，我用left:28%;如果改变分辨率的话图片就会移位，但是如果用left: 50%;和margin-left:65px;的时候更改分辨率图片就不会移位。
标签：
原文地址：http://www.cnblogs.com/fuyali/p/4347564.html
