除非我使用 HTML 中的 <img> 标签加载图像，否则背景图像不会出现在 CSS 中答案

【问题标题】：Background Image won't show up in CSS unless I load an image using the <img> tag in HTML除非我使用 HTML 中的 <img> 标签加载图像，否则背景图像不会出现在 CSS 中
【发布时间】：2011-06-05 17:26:34
【问题描述】：

我非常困惑为什么我的代码不能正确显示图像。这是我的代码：

<style type = "text/css">

#pic {

background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat;


</style>

<div id = "pic"> <p>

</p> </div>

只有一小部分图像与文本一起显示...我很困惑为什么会发生这种情况。我可以显示整个图像的唯一方法是在图像周围添加近 170 像素的填充。有人请帮忙！

谢谢。

【问题讨论】：

标签： html css image facebook background-image

【解决方案1】：

您需要为div 指定宽度和高度。

另外，请确保关闭 CSS：

#pic {
   background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat;
   width: 200px;
   height: 300px;
}

【讨论】：

【解决方案2】：

将高度和宽度放在你的 CSS 类中。

请在此处查看demo

【讨论】：

没有“css 类”之类的东西，它是一个规则集（甚至没有类选择器）。类是一个 HTML 概念，而不是 CSS 概念。

【解决方案3】：

</style> 之前需要一个右大括号
#pic 的宽度和高度为零，因此背景不会显示。要么将内容放在 div 中，要么设置宽度和高度。

在这里检查一下：http://jsfiddle.net/UzcDM/1/

【讨论】：

谢谢。我想我只是太累了。我不敢相信我错过了括号：\

【解决方案4】：

选择正确的路径，例如../../Images/logo/google.png,

尝试添加位置：绝对；

它可能只是在某些元素的后面

【讨论】：