css - CSS - Safari 中的问题

Question

在较小的浏览器窗口中，css 在 Safari 中移动它在除 Safari 之外的其他浏览器中看起来很好

看看http://tinyurl.com/mvkkcfg？在 Chrome 中 Firefox - 然后在 Safari 中进行比较

无论使用什么浏览器或窗口大小，我只需要 OR 图像保持在同一个位置

这是我目前使用的代码

    <div style="z-index:10; position:absolute; margin-top:400px; margin-left:335px">
    <img src="http://173.83.251.7/~iworeitb/wp-content/uploads/2013/06/or.png" alt="" />
    </div>

刚试过选项2

我将代码更改为如下仍然没有运气好位置还有其他建议吗？

    <div id = 'O' style="z-index:10; position:absolute; margin-top:20%; margin-left:18%">
    <img name="" src="http://shopiworeitbe.../2013/08/or.png" alt="" /></div>


    #O{
    height: 100%;
    max-height: 100%;
    overflow: auto;
    width: 100%;

http://tinyurl.com/mvkkcfg

还是不准确

请帮忙谢谢

Answer 1

You will have better luck using pixels or ems as opposed to percentages. Percentages are dynamic and depend on the viewport whereas pixels and ems are static values and will deliver desired results.