Html 将背景放在标题后面

Html 将背景放在标题后面,html,css,background,Html,Css,Background,我有一个背景,我正试图在我的头球后面,但我有麻烦 我所有的内容都放在背景后面 有谁能告诉我我做错了什么或错过了什么 *{ 框大小:边框框; } .标题{ 背景色:白色; 颜色:#36363F; 高度:600px; 填充:15px; } 发火 有几种方法可以做到这一点: 在body中使用cssbackground(或html)-推荐 *{ 框大小:边框框; } 身体{ 背景:url(http://www.getuwired.com/devtest/Death_to_stock_photo

我有一个背景,我正试图在我的头球后面,但我有麻烦

我所有的内容都放在背景后面

有谁能告诉我我做错了什么或错过了什么

*{
框大小:边框框;
}
.标题{
背景色:白色;
颜色:#36363F;
高度:600px;
填充:15px;
}

发火
有几种方法可以做到这一点:

  • body
    中使用css
    background
    (或
    html
    )-推荐
*{
框大小:边框框;
}
身体{
背景:url(http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg);
}
.标题{
背景色:白色;
颜色:#36363F;
高度:600px;
填充:15px;
}
img{
宽度:100%;
身高:100%
}

发火
有几种方法可以做到这一点:

  • body
    中使用css
    background
    (或
    html
    )-推荐
*{
框大小:边框框;
}
身体{
背景:url(http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg);
}
.标题{
背景色:白色;
颜色:#36363F;
高度:600px;
填充:15px;
}
img{
宽度:100%;
身高:100%
}

发火

由于您在整个视口中拉伸图像,我建议您将其作为
背景图像添加到身体上。它将为您提供更清晰的标记


* {
框大小:边框框;
}
身体{
背景:url(http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg)中心不重复;
背景尺寸:封面;
}
.标题{
背景色:白色;
颜色:#36363F;
高度:600px;
填充:15px;
}
发火

由于您在整个视口中拉伸图像,我建议您将其作为
背景图像添加到身体上。它将为您提供更清晰的标记


* {
框大小:边框框;
}
身体{
背景:url(http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg)中心不重复;
背景尺寸:封面;
}
.标题{
背景色:白色;
颜色:#36363F;
高度:600px;
填充:15px;
}
发火

您不应该使用img标记作为背景,而应该使用css背景。你可以从这里学习css背景

在您的情况下,您应该像下面这样重写代码。利用主体css背景

我将收割台高度调整为110px,因为之前的收割台太高


* {
框大小:边框框;
}
.标题{
背景色:白色;
颜色:#36363F;
高度:110px;
填充:15px;
}
身体{
背景图像:url('http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg');
背景大小:100%100%;
背景位置:0;
}
发火

您不应该使用img标记作为背景,而应该使用css背景。你可以从这里学习css背景

在您的情况下,您应该像下面这样重写代码。利用主体css背景

我将收割台高度调整为110px,因为之前的收割台太高


* {
框大小:边框框;
}
.标题{
背景色:白色;
颜色:#36363F;
高度:110px;
填充:15px;
}
身体{
背景图像:url('http://www.getuwired.com/devtest/Death_to_stock_photography_Vibrant.jpg');
背景大小:100%100%;
背景位置:0;
}
发火
@babar miamor

请尝试更改class容器的属性,如下所示

margin: 0px;
padding: 0px;
height: 100%;
希望能有所帮助。

@babar miamor

请尝试更改class容器的属性,如下所示

margin: 0px;
padding: 0px;
height: 100%;

希望它能帮上忙。

尝试给一个负zindex@AbhishekPatel你是说是的,试试-1还是别的什么。z索引的默认值为零,较低的z索引在返回时会出现负zindex@AbhishekPatel你是说是的,试试-1还是别的什么。z索引的默认值为零,较低的z索引在back@dippas好的,我会换的。我只是觉得W3学校更好的理解0。0@dippas好的,我会换的。我只是觉得理解0.0更好。你知道我怎样才能让我的背景像示例一样放大吗?考虑到你当前的小提琴,只需删除
style='width:100%;高度:100%’
img
将其放大至关闭只需使用
width:100%
,然后在发布时进行调整,他们没有使用这种技术您知道如何让我的背景像示例一样放大吗-考虑到您当前的小提琴,只需删除
style='width:100%;高度:100%’
img
将其放大到Y方向以关闭,只需使用
宽度:100%
然后在发布时进行调整,他们没有使用该技术