Safari中的保证金百分比错误答案

【问题标题】：Margin percentage error in safariSafari中的保证金百分比错误
【发布时间】：2013-10-30 23:36:45
【问题描述】：

当我以绝对位置的百分比给出边距时，在 Firefox 和 chrome 中一切正常

margin:50% 0 0 60%;position:absolute;z-index:5;.

FF/chrome 根据屏幕尺寸计算百分比。但在 safari 中，保证金百分比似乎是双倍的。所以我用 vw 尝试了calc()

margin:calc(50vw * 0.54) 0 0 calc(50vw * 0.60);position:absolute;z-index:5;

在 safari 中没有效果。我想我遗漏了一些东西。请帮助

添加jsfiddle请看ff/chrome和safari的区别

这是我第二次，现在我想出了小提琴

【问题讨论】：

如果可以更改 HTML，请尝试以下操作：jsfiddle.net/quzmx/1（test1 和 test2 在 .content 内部，并且 .content 具有相对位置设置。但适用于我的 safari-on win7）
您的想法在小提琴中效果很好，但在我的网站上没有响应请查看并提出一些解决方案192.185.56.215/~wwwtheam/demo/lookbook.html
我到底应该看什么？哪些元素代表您的 test1 和 test2？
带有蓝色背景的加号在 safari 中不可见 .. 仅在少数图片中可见
啊，我明白了。但这与我的 JS 小提琴并不真正对应。如果我理解正确， div.details 应该在 div.item 里面， .item 应该有 position:relative.

【解决方案1】：

如果我理解你的问题:) 可能是这样的

对 test1 和 test2 使用 top: 50% 和 left: 50%

【讨论】：

感谢您的努力.. 我尝试了 top/left/right 它工作正常，但覆盖 div 是可点击的，并且它具有 jquery 函数 onclick() ，如果我们使用 top/left.clicking 选项是不工作。它点击后面的 div（它也有一个 jquery 函数要做）。希望你能理解我的问题。
你能在小提琴中添加一个 jquery 部分吗:)
它在 js fiddle jsfiddle.net/xjSx3/8 中运行良好。我已准备好展示我的网站，请查看此内容。192.185.56.215/~wwwtheam/demo/lookbook.html。请给我一些解决方案