CSS 背景图像不工作/可见

标签 css background-image

我的 css background-image 属性有一些问题。根据我在研究语法时看到的语法,我的语法是正确的。我检查了一下,图像在正确的文件夹中。 这是我的代码

HTML:

<div class="left"></div>

CSS:

.left {
    width:240px;
    background-image: url(img/sos-logo.png);
}

为什么它不起作用?请帮忙。

最佳答案

您需要向 div 添加高度属性才能显示它。默认情况下,一个空的 <div>高度为 0px。

见笔http://codepen.io/JustH/pen/EavXZO

关于CSS 背景图像不工作/可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28202131/

相关文章:

javascript - div 内的 p 元素比父 div 宽

javascript - 如何动态更改 HTML 标签的 CSS 类?

html - 如何使背景图像填充div并响应

javascript - 使用 useState 和 onClick 与 React 更改背景图像

css - 在按钮单击时将 CSS 应用于特定的 div

html - CSS:布置带有滚动侧边栏的固定标题

javascript - scrollTop 不适用于 jQuery 弹出框

html - 侧边栏背景图片未显示?

带有背景图像的css,不重复图像

html - 在 IE8 中加载时背景图像挂起