2012-06-21 104 views
0

我有一個大div與一個大的背景圖像。現在我想創建一些div並將它們放在背景圖片中的某些元素上,然後使用qTip2給出一些解釋。在中間我想放置一個表格。流出div,但不是絕對定位

<div id="bigdiv" style="background-image:url('back.jpg')"> 
    <div id="qtipbox1"></div> 
    <div id="qtipbox2"></div> 
    <div id="form"></div> 
</div> 

的問題是:如果我使用position relative爲qTip框的形式下降。如果我使用absoluteposition,調整窗口大小的結果會有所不同。

我該怎麼辦?

+0

如果您發佈了一些代碼,這將非常有幫助。 –

+1

嘗試使用基於'%'而不是'px'的絕對定位,即'{position:absolute;頂部:15%;左:20%; }' –

+0

OOPS,對不起!現在有代碼! –

回答

5

如果您想分享相關代碼或(更好)在JSFiddle上投放樣本,這會有所幫助。

無論如何,你使用position: relative上的容器div與大的背景圖像,然後在內部的元素上使用position: absolute。這樣,他們應該絕對定位相對於容器

+0

謝謝,它的作品! –