IE9下，display:inline-block下的子标签position:absolute定位时作用在上面的margin属性失效。

<div style="position: relative;border:1px solid #FF7711; padding-top:4px;">

<a href="#" style="display: inline-block; _zoom:1; width:90px; height:20px;border:1px solid #333333;text-align:center;">

试试新功能<img border="0" src="https://i-blog.csdnimg.cn/blog_migrate/5b8109f5e8c06abc051cd816bcc21ae9.gif" alt="试试新功能" title="试试新功能" style="position: absolute; top: 0px; margin-right: -17px;" />

</a>

</div>

 

如果你用的是IE9的话，你就可用看到下面的效果图：

试试新功能

 

无论如何设置margin-right或者其他margin属性都对它无效。

看效果的话就是被挤出来的样子。

就这样了。

 

补充：其实何必呢？直接在<a>标签上多加一个position:relative; 然后在img里设置：top:-5px; right:5px;就可以解决了。