Question

在this page上，您可以在粉红色的框中看到引号。它应该在它的右侧和左侧有引号标记图像。

这是CSS：

blockquote {
    padding-left: 10px;
    color:#444;
    font-style: normal;
    background: #ff9999 url(quoleft.png) left top no-repeat;
}
blockquote div {
    padding: 0 48px;
    background: #ff9999 url(gu.png) right bottom no-repeat;
}

有人能告诉我为什么报价左边和右边的图像没有显示？

提前致谢！塔拉

P.S .:实际上我还没有设计引号图像，但是我正在使用替代图像，它们应该显示在它们的位置。

Answer 1

图像似乎不存在。

以下是如何调试这样的东西：

在Google Chrome中

右键单击元素，然后选择“Inspect element”
将出现一个小窗口，显示HTML文档的完整结构
点击blockquote元素
右侧的列表将显示适用于该元素的所有CSS样式。它有点隐藏，但您会找到您指定的background规则。图像链接将加下划线。

http://fhc.quickmediasolutions.com/image/-1485353823.png
右键单击图像链接，然后选择“在新窗口中打开”。将弹出404页面。

它在所有浏览器中的工作方式类似;如果您使用Firefox，请确保您拥有Firebug extension。

Answer 2

您尝试引用的image不存在。

Answer 3

图像不在您所说的位置。当您说url(quoleft.png)时引用您当前所在的目录（http://www.glamourunderground.com/organic-networking-the-5-point-guide/）。您是说该图片位于http://www.glamourunderground.com/organic-networking-the-5-point-guide/quoleft.png，而且显然不是。

Answer 4

Problem #1
Problem #2
问题＃3 - 您使用blockquote div代替blockquote p

问题得到'<blockquote>'IMGs显示</blockquote>

4 个答案: