div background-image：需要幫助代碼

Question

如果你是Firebug這個頁面：http://www.radiumhosting.com/web-hosting/vps-cloud-hosting看看VPS雲滑塊。背景圖像未完全位於「存儲」選項卡右側的邊框後面。

我已將此添加到代碼的結束時將圖像放置在背景：

<div style="margin: -229pt 0pt 0pt -20pt;"> 
<div style="background-image: url(/images/stories/cloud-background2.png); height: 315px; width: 710px;"></div> 
</div> 

兼容性視圖中IE9允許在大多數元素的頂部將被顯示的圖像。我應該改變什麼？

謝謝， 馬克

Answer 1

您不需要使用新的div作爲背景。只需將.cloudbackground類添加到<div class="rt-block">即可。然後使用下面而不是HTML和CSS代碼：

HTML：

<div class="rt-block cloudbackground"> 

CSS：

.cloudbackground { 
    background: url("/images/stories/cloud-background2.png") no-repeat; 
} 

這將解決你所有的問題，包括使其在兼容模式下工作。

Answer 2

你可能要考慮的z-index CSS property與負值。