div background-image：需要代码帮助

【问题标题】：div background-image: need help with codediv background-image：需要代码帮助
【发布时间】：2011-10-17 00:28:58
【问题描述】：

如果你 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 中的兼容性视图允许图像显示在大多数元素的顶部。我应该改变什么？

谢谢，标记

【问题讨论】：

标签： html background png

【解决方案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;
}

这将解决您的所有问题，包括使其在兼容模式下工作。

【讨论】：

【解决方案2】：

您可能想要查看带有负值的z-index CSS property。

【讨论】：