css - 背景图片不显示

标签 css

我什至不得不发布这样的东西,但作为一名 CSS 专家,我不知道为什么这次我无法在 div 的背景中显示图像。这是我的东西

#leadarea {
background-image:(images/submarines-for-sale-at-seamagine.jpg);
background-repeat: no-repeat;
background-position:center;
height:360px;
width:1160px;
}

<div id="leadarea"></div>

我已经三次检查了我的图像路径并且它是正确的。在文件的同一目录中,我有一个名为“图像”的文件夹和该图像的文件。如果我在浏览器中输入该图片的完整 URL,我就可以看到该图片。为什么我的 div 不显示该图像?

最佳答案

正确的语法是:

background-image:url('images/submarines-for-sale-at-seamagine.jpg');

另请注意,该路径是相对于 .css 文件位置的。

关于css - 背景图片不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20364018/

相关文章:

css - 为什么我们必须将 css 变量包装到 var() 中?

jquery - 移动鼠标并保留 .mouseenter 功能

css - 在 Bootstrap 中计算宽度和填充

html - Bootstrap 行和文本

html - 在文本两侧 float 图像

css - margin 错误...我不明白出了什么问题

html - 网格中图像的透明度

ios - 为网络应用程序创建 HTML 密码屏幕

html - 位置绝对/相对噩梦

html - 如何使用 CSS 取消隐藏表格的一行?