Html 如何使文本显示在背景图像上_Html_Css_Navigation_Background Image

Html 如何使文本显示在背景图像上

html css navigation

Html 如何使文本显示在背景图像上,html,css,navigation,background-image,Html,Css,Navigation,Background Image,我已经成功地将一张照片设置为我网站的背景，并将其填充到页面中，因此它是固定的，而不是平铺的。现在，我希望导航栏显示在图像的中心。然而，尽管我已经将图像质量设置为“背景”，导航栏仍然隐藏在背景图像后面。如何使其显示在图像的中心。以下是我对图像使用的编码： <div> <table cellspacing="0" cellpadding="0"> <tr> <td> <img id="backgr

我已经成功地将一张照片设置为我网站的背景，并将其填充到页面中，因此它是固定的，而不是平铺的。现在，我希望导航栏显示在图像的中心。然而，尽管我已经将图像质量设置为“背景”，导航栏仍然隐藏在背景图像后面。如何使其显示在图像的中心。以下是我对图像使用的编码：

<div>
<table cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <img id="backgroundimage" src="websitebackground.jpg" />
        </td>
    </tr>
</table>
</div>
<style>
body, html { margin:0; padding:0; height:100%; }
#backgroundimage { position:fixed; left:0; top:0; z-index:1; height:100%; width:100%; }
</style>


正文，html{margin:0；padding:0；height:100%；}
#背景图像{位置：固定；左侧：0；顶部：0；z索引：1；高度：100%；宽度：100%；}

除非显示表格数据，否则不要使用表格。相反，你可以这样做

HTML

除非显示表格数据，否则不要使用表格。相反，你可以这样做

HTML

您没有正确地获取图像的来源，也没有将其作为背景图像使用

<body background="websitebackground.jpg" id="backgroundimage">

这应该将图像置于文本后面的背景中。

您没有正确地获取图像的来源，您没有将其作为背景图像使用

<body background="websitebackground.jpg" id="backgroundimage">

这应该将图像放在文本后面的背景中。

将其作为实际的背景图像：

背景：url（websitebundground.jpg）

并且不要将

用于布局。该代码中没有文本内容。

表格

用于布局：（使用正确的

标记

。不要在版面中使用div。不要在版面中使用任何标记。使用适当的标记来表达数据的语义和结构。然后在版面中使用CSS。使其成为实际的背景图像：

背景：url（websitebackground.jpg）

并且不要将

用于布局。该代码中没有文本内容。

表格

用于布局：（使用正确的

标记

。不要将div用于布局。不要将任何标记用于布局。使用适当的标记来表达数据的语义和结构。然后使用CSS用于布局。

<body background="websitebackground.jpg" id="backgroundimage">