Html 背景图像don'；不能在div元素中工作

不要在具有类导航项的div中使用背景图像。所有图像都在同一目录中。标题作品的背景。有了img src，一切都很好。问题在哪里

我什么都试过了

标题{
背景：url（'backSmall2.png'）；
高度：670px；
}
img{
宽度：14%；
变换：歪斜（-1deg）；
边缘顶端：40px；
左边距：40px；
盒影：0.10px rgba（0,0,0,0.5）；
变换：旋转（-3deg）；
}
.导航项目{
宽度：12%；
背景图片：url（'frame.png'）；
边缘顶部：80px；
左边距：140像素；
}
.标志联系人{
背景图片：url（'frame.png'）；
}
.联系人{
宽度：100%；
高度：300px；
背景色：浅绿色；
}

---

问题是您的

div

是空的，因此它没有高度。尝试向CSS类添加高度：

.nav-item {
    width: 12%;
    background-image: url('frame.png');
    margin-top: 80px;
    margin-left: 140px;
    height: XXXpx;
}

---

问题是您的

div

是空的，因此它没有高度。尝试向CSS类添加高度：

.nav-item {
    width: 12%;
    background-image: url('frame.png');
    margin-top: 80px;
    margin-left: 140px;
    height: XXXpx;
}

---

你应该给你的

背景图像

一些关于位置的更多信息

例如：

.nav-item {
    width: 12%;
    background-image: url('frame.png');
    background-position: center; /* Added */
    background-size: cover; /* Added */
    background-repeat: no-repeat; /* Added */
    margin-top: 80px;
    margin-left: 140px;
}

---

阅读更多关于

background

属性的信息。

您应该给您的

背景图像提供更多关于位置的信息

例如：

.nav-item {
    width: 12%;
    background-image: url('frame.png');
    background-position: center; /* Added */
    background-size: cover; /* Added */
    background-repeat: no-repeat; /* Added */
    margin-top: 80px;
    margin-left: 140px;
}

阅读更多有关
背景
属性的信息。

标题{
背景：url（'backSmall2.png'）；
高度：670px；
}
img{
宽度：14%；
变换：歪斜（-1deg）；
边缘顶端：40px；
左边距：40px；
盒影：0.10px rgba（0,0,0,0.5）；
变换：旋转（-3deg）；
}
.导航项目{
宽度：600px；
高度：600px；
背景图片：url（'frame.png'）；
边缘顶部：80px；
左边距：140像素；
}
.标志联系人{
背景图片：url（'frame.png'）；
}
.联系人{
宽度：100%；
高度：300px；
背景色：浅绿色；
}



标题{
背景：url（'backSmall2.png'）；
高度：670px；
}
img{
宽度：14%；
变换：歪斜（-1deg）；
边缘顶端：40px；
左边距：40px；
盒影：0.10px rgba（0,0,0,0.5）；
变换：旋转（-3deg）；
}
.导航项目{
宽度：600px；
高度：600px；
背景图片：url（'frame.png'）；
边缘顶部：80px；
左边距：140像素；
}
.标志联系人{
背景图片：url（'frame.png'）；
}
.联系人{
宽度：100%；
高度：300px；
背景色：浅绿色；
}