表隐藏在img html后面
我的html页面包含bg作为IMG SRC 我想把桌子放在img的某个位置上 实际上,如何使表格显示在图像的顶部 如果我使用z-index,我做错了什么 注:我在img结束后看到了表格的其余部分表隐藏在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
关于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)">
这将使整个图像成为页面的背景
工具书类