在Chrome和Android原生浏览器上发布相对位置问题

时间:2014-01-29 18:18:14

标签: jquery css position


在这里发表第一篇文章,经过很长时间使用你的建议!
所以,这是我的问题:我尝试水平居中一个元素。我在CSS中定义了“top:50%”并要求jQuery找到'margin-top:-XXpx'。
它适用于加载,但是当我使用Chrome或Android本机浏览器刷新页面时,元素会移到下面。
这不会发生在Firefox上(我没有尝试过其他浏览器)。

你可以在这里看到它:http://www.porteguillau.me/2/

有人有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您应该使用绝对定位而不是相对定位。

另外,您是否尝试垂直居中?如果您知道高度(如果图标是固定大小,则应该如此),将顶部边距设置为div的高度的一半(在您的示例中为-150px左右)。