фоновое изображение не показывая

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..why?

Answer 1

Проблема с вашим height: 100%; Ваша высота не может растягиваться, как и следовало ожидать. чтобы решить эту проблему, вы можете попробовать следующие варианты:

1. Отдать свой рост значения пикселя как с шириной

2. сделать ваш html, body { height: 100%; } и ваш height: 100%; будет работать либо

3. назначить position: absolute к вашему image

Вы можете выбрать один из них, каждый из которых должен работать.

Answer 2

возможно абсолютное положение вызывает эта проблема

Чтобы быть уверенными, используйте цвет фон, относительное положение в качестве второго шага, если первая не работает, третье: использование «позиция: относительная» родительского контейнер