Question

我的网站有问题。我无法让表格出现在img上。它出现在图像的下方或图像的上方。我需要一些代码帮助。实际上我不想让img重新定位并且每次都适合用户窗口。插入img的代码是这个

<body oncontextmenu="return false;" background="bg_body.jpg">

实际帮助我的代码却没有100％解决问题因为表格没有出现img就是这个

<style> <!-- body { margin: 0px; } --> </style>
<img src='whatever' style='width: 100%; height: 100%;' />

Answer 1

如果你想要一个适合浏览器大小的背景图片（我猜测它，但如果你的图像有100％的高度和宽度，那么你看起来就是这样），你可以做到像这样的东西：

<style type="text/css">
*{margin:0;padding:0;}
html,body{height:100%;}
.backgroundlayer { position:absolute;top:0;left:0;z-index:1; }
.toplayer { position:absolute;top:0;left:0;z-index:2; }
</style>

然后在你的代码正文中......

<body>
    <img src="someimage.png" style="height:100%;width:100%;" class="backgroundlayer" />
    <div class="toplayer">
        my content above the image...it doesn't have to be a div...use a table if you want
    </div>
</body>

Answer 2

考虑使用CSS背景属性。

HTML（类似这样，未经测试）：

<body ... style="background-image:url('bg_body.jpg'); background-repeat: no-repeat;">

如果您希望您的背景图片“调整大小”到浏览器，您将不得不破解它的工作。一种常见的方法可能是使用两个div标签;第一个将包含100％大小的图像，具有绝对定位。第二个包含您的实际身体内容，具有更高的z值。这比你想象的要多得多。

有关此问题的详细讨论，请参阅此主题：http://www.htmlcodetutorial.com/help/ftopic4503.html

Answer 3

这里有几件事情没有多大意义：

“oncontextmenu =”return false;“你试图运行某种javascript吗？如果是这样，你需要在”return false“之前调用一个函数，如下所示：

<body onload="someFunction() return false;">

另外，我不认为你可以按照你的方式为元素设置背景，它更像是这样：

<table style="background:path/to/my/image/...">

我希望能够提供更多帮助，但请自我解释一下。

好的，我建议你这样做：

无论是在外部样式表上还是嵌入在head标签内，您都可以使用一些简单的CSS设置图像大小，如下所示：

<style type="text/css">
body{
background-image:url(../path/to/image);
background-repeat:no-repeat;
height:100%;
width:100%;
}
</style>

试试看它是否有效，如果没有，我会给你更多的帮助。

表和背景图像问题

3 个答案: