Html 背景图像不出现在div中

背景图像未显示在.left列中。我已经设置了。左侧带有css背景图像，但没有效果。知道发生了什么吗？我觉得这是一件小事，它让我心烦

你在
这是你应得的。解锁您的欢迎折扣，成为第一个了解泄漏艺术品和独家优惠的人

现在就拿20美元

*{
框大小：边框框；
}
.行{
显示器：flex；
边框：1px纯灰；
对齐项目：居中；
}
.栏目{
文本对齐：居中；
}
.左{
宽度：50%；
背景图像：url（“https://cdn.shopify.com/s/files/1/0196/2898/2334/files/MU6.jpg?2930");
}
.对{
宽度：50%；
填充：10px；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.左{
显示：无；
}
.对{
宽度：100%；
}
}

尝试在flex的子元素上指定高度

此外，您还应该学习如何使用控制台（F12）检查调试元素

*{
框大小：边框框；
}
.行{
显示器：flex；
边框：1px纯灰；
对齐项目：居中；
}
.栏目{
文本对齐：居中；
}
.左{
高度：380px；
背景尺寸：封面；
宽度：50%；
背景图像：url（“https://cdn.shopify.com/s/files/1/0196/2898/2334/files/MU6.jpg?2930");
}
.对{
宽度：50%；
填充：10px；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.左{
显示：无；
}
.对{
宽度：100%；
}
}

你在
这是你应得的。解锁您的欢迎折扣，成为第一个了解泄漏艺术品和独家优惠的人

现在就拿20美元

您必须为左div指定一定的高度，因为它内部没有任何元素或内容，因此必须为其指定一定的高度

您还可以将背景大小设置为“覆盖”或“包含”

试试下面的代码

* {
框大小：边框框；
}
.行{
显示器：flex；
边框：1px纯灰；
对齐项目：居中；
}
.栏目{
文本对齐：居中；
}
.左{
宽度：50%；
背景图片：url(https://cdn.shopify.com/s/files/1/0196/2898/2334/files/MU6.jpg?2930);
高度：400px；
背景尺寸：封面；
背景重复：无重复；
}
.对{
宽度：50%；
填充：10px；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.左{
显示：无；
}
.对{
宽度：100%；
}
}
你在
这是你应得的。解锁您的欢迎折扣，成为第一个了解泄漏艺术品和独家优惠的人

现在就拿20美元

试试这种风格：

 .left {
      width: 50%;
       height: 100vh;
       background: url("https://cdn.shopify.com/s/files/1/0196/2898/2334/files/MU6.jpg?2930") center center;
       bacground-size: cover;
    }

---

你的代码成功了。图像未显示，因为如果.s为空，只需设置高度和宽度以使其可见。