Css 如何在内容后面显示背景图像?

Css 如何在内容后面显示背景图像?,css,background-image,background-position,background-size,Css,Background Image,Background Position,Background Size,我正在使用visual studio创建聊天应用程序,希望在主页和“关于我们”页面上添加背景图像,这两个页面都有导航栏,主页上有一个框,用户可以在其中输入详细信息并加入聊天室,我希望在所有这些内容后面添加一个图像,我尝试使用不同的代码,但最接近的代码是: HTML CSS div{ 背景:url('image/friends.jpg'); 背景尺寸:封面; 背景位置:中心; } 但是,图像没有完整显示,它只显示图像图标并删除内容,请帮助您做得不错,但请从HTML中删除这一行 <img

我正在使用visual studio创建聊天应用程序,希望在主页和“关于我们”页面上添加背景图像,这两个页面都有导航栏,主页上有一个框,用户可以在其中输入详细信息并加入聊天室,我希望在所有这些内容后面添加一个图像,我尝试使用不同的代码,但最接近的代码是:

HTML


CSS

div{
背景:url('image/friends.jpg');
背景尺寸:封面;
背景位置:中心;
}

但是,图像没有完整显示,它只显示图像图标并删除内容,请帮助

您做得不错,但请从HTML中删除这一行

<img src="image/friends.jpg" alt="image">

您做得很对,但是从HTML中删除这一行

<img src="image/friends.jpg" alt="image">

试着瞄准身体本身

在css中,而不是执行以下操作:

div {
background: url('image/friends.jpg');
background-size: cover;
background-position: center;
}
这样做:

body {
background: url('image/friends.jpg');
background-size: cover;
background-position: center;
}

试着瞄准身体本身

在css中,而不是执行以下操作:

div {
background: url('image/friends.jpg');
background-size: cover;
background-position: center;
}
这样做:

body {
background: url('image/friends.jpg');
background-size: cover;
background-position: center;
}

使用
背景图像
css属性。无需为此在html中提供任何额外的
img
元素

div.bg{
背景图像:url(“https://www.w3schools.com/bootstrap4/cinqueterre.jpg");
背景色:#中交;
背景尺寸:封面;
背景位置:中心;
}

背景图像属性
你好,世界


使用
背景图像
css属性。无需为此在html中提供任何额外的
img
元素

div.bg{
背景图像:url(“https://www.w3schools.com/bootstrap4/cinqueterre.jpg");
背景色:#中交;
背景尺寸:封面;
背景位置:中心;
}

背景图像属性
你好,世界

您不需要

<img src="image/friends.jpg" alt="image">
或(请参阅代码片段)

.bg{
背景图像:url(“https://images.unsplash.com/photo-1542281286-9e0a16bb7366");
背景尺寸:封面;
背景位置:中心;
}
div{
高度:700px;
}

我正在使用visual studio创建聊天应用程序,希望在主页和“关于我们”页面上添加背景图像,这两个页面都有导航栏,主页上有一个框,用户可以在其中输入详细信息并加入聊天室,我希望在所有这些内容后面添加一个图像,我试着使用不同的代码,但接近的是这个。。。
您不需要

<img src="image/friends.jpg" alt="image">
或(请参阅代码片段)

.bg{
背景图像:url(“https://images.unsplash.com/photo-1542281286-9e0a16bb7366");
背景尺寸:封面;
背景位置:中心;
}
div{
高度:700px;
}

我正在使用visual studio创建聊天应用程序,希望在主页和“关于我们”页面上添加背景图像,这两个页面都有导航栏,主页上有一个框,用户可以在其中输入详细信息并加入聊天室,我希望在所有这些内容后面添加一个图像,我试着使用不同的代码,但接近的是这个。。。

大家好,这里也是初学者。如果您或其他任何人也像我一样遇到这个问题,我会使用这个链接()获得一个有用的CSS代码,帮助您将我的照片放在后台。当涉及到在照片前面有导航背景时,我只是简单地将导航添加到选择器中,它就做到了。不确定这是否正确,但它对我来说也很有效

你好,这里的初学者。如果您或其他任何人也像我一样遇到这个问题,我会使用这个链接()获得一个有用的CSS代码,帮助您将我的照片放在后台。当涉及到在照片前面有导航背景时,我只是简单地将导航添加到选择器中,它就做到了。不确定这是否正确,但它对我有效

尝试更改z索引。尝试更改z索引。能否删除链接并在回答中添加解决问题的代码能否删除链接并在回答中添加解决问题的代码