保证金顶部不在IE8中工作，但适用于所有其他浏览器

Question

我有一个按钮，箭头图像放在按钮上。编写CSS以便将箭头定位在按钮的右侧中心。该代码适用于Chrome，Firefox和Safari。它也适用于IE9和其他更高版本。但是在IE8中没有专门工作，我们的大多数客户都使用IE8。 CSS如下所示。

a.ui-priority-primary-inspire span.arr-right {
background: url("/cms/global/assets/images/site/icon_vsg/arr_right_7x11.png") no-repeat scroll right top hsla(0, 0%, 0%, 0);
display: block;
float: right;
height: 17px;
margin: -14px -9px 4px 79px;
overflow: hidden;
position: absolute;
width: 10px;
}

margin-top:-14px适用于所有浏览器，但不适用于IE。

Answer 1

请改用padding-top。参考：http://reference.sitepoint.com/css/margin-top

Answer 2

这称为 Negative Margin Bug 当您使用position:absolute时，您可以使用top:-14px而非使用negative margin值。