2013-10-22 63 views
0

一切工作正常在Firefox和Chrome當我給利潤率百分比絕對位置保證金比例誤差在Safari

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

FF/chrome根據屏幕尺寸計算百分比。但在Safari似乎是保證金比例是double.so我試圖calc()與大衆

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

在safari.I沒有效果想我失去了一些東西。請幫助

新增jsfiddle請參閱FF/Chrome和Safari之間的區別

這是我第二次,現在我想出了小提琴

+0

如果HTML改變是可能的,嘗試這樣的事情:http://jsfiddle.net/quzmx/1/(TEST1和test2在.content和.content中有位置相對集合。作品爲我的safari-在WIN7雖然) –

+0

你的想法很好地工作在小提琴,但沒有響應在我的網站請參閱檢查並拋出一些解決方案http://192.185.56.215/~wwwtheam/demo/lookbook.html – SangeethK

+0

究竟是什麼,我應該看着?哪些元素代表你的test1和test2? –

回答

0

如果我理解您的問題:)也許像這樣

demo

使用top: 50%left: 50%爲TEST1和TEST2

+0

感謝您的努力..我試着頂/左/它的工作正常,但覆蓋div是可點擊的,它有一個jQuery的函數onclick(),如果我們使用top/left.clicking選項不工作,點擊後面的div(它也有一個jQuery功能)。希望你瞭解我的問題。 – SangeethK

+0

你可以在小提琴中添加一個jquery部分:) –

+0

它在js小提琴中運行良好http://jsfiddle.net/xjSx3/8/。我準備好顯示我的網站,請檢查這個.http://192.185.56.215/~wwwtheam/demo/lookbook.html。請給我一些解決方案,請 – SangeethK