div 背景图像:需要代码帮助

发布于 2024-11-27 08:23:53 字数 514 浏览 1 评论 0原文

如果您对此页面进行 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 中的兼容性视图允许图像显示在大多数元素的顶部。我应该改变什么?

谢谢, 标记

If you Firebug this page: http://www.radiumhosting.com/web-hosting/vps-cloud-hosting look at the VPS cloud slider. The background image isn't fully behind the border to the right of the Storage tab.

I added this to the end of the code to place the image on the background:

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

Compatibility View in IE9 allows the image to be displayed on top of most elements. What should I change?

Thanks,
Mark

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

小ぇ时光︴ 2024-12-04 08:23:53

您不需要使用新的 div 作为背景。只需将 .cloudbackground 类添加到

即可。然后使用下面的 HTML 和 CSS 代码:

HTML:

<div class="rt-block cloudbackground">

CSS:

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

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

You don't need to use new div's for the background. Just add the .cloudbackground class to <div class="rt-block">. Then use the HTML and CSS code below instead:

HTML:

<div class="rt-block cloudbackground">

CSS:

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

This will fix all your issues including making it work in compatibility mode.

-黛色若梦 2024-12-04 08:23:53

您可能需要查看具有负值的 z-index CSS 属性

You might want to look into the z-index CSS property with a negative value.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文