背景图片没有显示

Question

我有这个HTML：

<p class="separator" style="background:url('http://localhost:85/WebCamClone/public/images/home/separator.png') repeat-y;"></p>

和这个css：

    p.separator {
position: absolute;
height: 100%;
width: 10px;
top: 0px;
right: 46px;
z-index: 999;
}

当我在新标签中打开图像时，我可以看到图像，但是我无法看到页面上的图像显示在p标签中。为什么？

Answer 1

问题在于你height: 100%;你的身高不能像你期望的那样伸展。要解决此问题，您可以尝试以下选项：

1. 像你的宽度一样给你的高度像素值

2. 让您的html, body { height: 100%; }和height: 100%;工作

3. 将position: absolute分配给您的图片

你可以选择其中一个应该工作。

Answer 2

也许绝对位置会导致这个问题

确保使用颜色背景，相对位置为第二步，如果首先不工作，第三步：使用'position：relative'到父容器