表隐藏在img html后面

表隐藏在img html后面,html,image,html-table,Html,Image,Html Table,我的html页面包含bg作为IMG SRC 我想把桌子放在img的某个位置上 实际上,如何使表格显示在图像的顶部 如果我使用z-index,我做错了什么 注:我在img结束后看到了表格的其余部分 关于img bg的表格 html { } h1 { 字体系列:arial; 字体大小:350%; 颜色:白色; } #容器 { } #标题 { } #内容 { } #页脚 { } .tg{边框折叠:折叠;边框间距:0;边框颜色:#ebaa80;宽度:1918px;} .tg td{字体系列:A

我的html页面包含bg作为IMG SRC

我想把桌子放在img的某个位置上

实际上,如何使表格显示在图像的顶部

如果我使用z-index,我做错了什么

注:我在img结束后看到了表格的其余部分


关于img bg的表格
html
{  
} 
h1
{
字体系列:arial;
字体大小:350%;
颜色:白色;
}
#容器
{
}
#标题
{
}
#内容
{
}
#页脚
{
}
.tg{边框折叠:折叠;边框间距:0;边框颜色:#ebaa80;宽度:1918px;}
.tg td{字体系列:Arial,无衬线;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:#ebaa80;颜色:#fff;}
.tg th{字体系列:Arial,无衬线;字体重量:正常;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:#ebaa80;}
.tg.tg-o24q{font-weight:bold;text-align:center}
.tg.tg tdef{font-weight:bold}
小时
1.
2.
3.
4.
5.
6.
7.
更正 你的代码错了。“head”标记应该是“html”标记的第一个子标记,因此是“body”标记的同级标记

解决方案1 除“z索引”属性外,添加“位置:绝对”以创建如下重叠效果:

img { position: absolute; left: 0px; top: 0px; z-index: -1; }
解决方案2 您可能希望尝试删除“img”标签,并用以下内容替换“body”标签:

<body style="background-image:url(images/example-image-file.jpg)">

这将使整个图像成为页面的背景

工具书类

您必须添加正确的代码段。寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现此代码所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。看:。我在这件事上支持马科斯。。没有足够的信息来帮助我们。。。