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

您可能希望以负值查看z-index CSS property。

Answer 2

您无需使用新的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;
}

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

div background-image：需要帮助代码

2 个答案: