Css 元素背景图像赢得'；不渲染

我正在尝试创建一个块引号，如下图所示：

引号位于50 X 45 px透明PNG图像的右下角，左上角的间距为10 px

除背景图像外，该元素正在正确渲染，它不会显示

CSS代码：

#block_quote{
   float:left;
   width:400px;
   background:#f7f7f7;
   background-image:url(images/quote-top.png) left top no-repeat;
   margin:50px 0 100px 53px;
   border:1px solid #ccc;
}

#block_quote p{
   font:italic 14px segoe ui, arial, sans-serif;
   color:#5f5f5f;
   line-height:1.4em;
   margin:0;
   padding:20px 15px 20px 60px;
}

你知道为什么图像没有渲染吗

---

谢谢

您的图像路径需要与CSS文件相对。另外，如果您在一行中使用所有声明，并且末尾的顺序是

无重复左上角
，则它只是背景，而不是背景图像

背景：url（images/quote top.png）不重复左上角

background
是一个“速记属性”，用于设置所有背景属性，包括图像的url。按照您编写它的方式，它不指定图像，只指定颜色

因此，不要混淆
背景
和单个背景属性，如
背景图像
。应该是

或

但不是这些的任何混合；这会使浏览器感到困惑。
猜测一下：您的css文件位于一个名为css的文件夹中，因此您必须放置../images/quote-top.png，以便通过css文件访问图像文件。
background:#f7f7f7 url(images/quote-top.png) no-repeat left top;

background-color:#f7f7f7;
background-image:url(images/quote-top.png);
background-repeat:no-repeat;
background-position:left top;