div 背景图像:需要代码帮助
如果您对此页面进行 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您不需要使用新的
div
作为背景。只需将.cloudbackground
类添加到即可。然后使用下面的 HTML 和 CSS 代码:
HTML:
CSS:
这将解决您的所有问题,包括使其在兼容模式下工作。
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:
CSS:
This will fix all your issues including making it work in compatibility mode.
您可能需要查看具有负值的 z-index CSS 属性。
You might want to look into the z-index CSS property with a negative value.