фоновое изображение не отображается на моей странице

Question

У меня есть изображение в правильной папке, но я хочу добавить текстовое поле поверх изображения, и мне сказали, что лучший способ сделать это - сделать изображение фоновым изображением, но когда я следил за учебником, он так и не появился? в любом случае вот мой HTML

<div class="module"> 
        <h2>blah blah</h2> 
          </div> 

и мой CSS

.module { 
    margin: 10px; 
    width: 1530px; 
    height: 717px; 
    display:block; 
    background: url('C:\Users\Jason\Desktop\champions\images\shop.png'); 
    background-size: cover; 
    position: relative; 
} 

h2 { 
    position: absolute; 
    bottom: 100px; 
    left: 100px; 
    background: rgba(0, 0, 0, 0.75); 
    padding: 4px 8px; 
    color: white; 
    margin: 0; 
    font: 14px PTSans; 
} 

изображение всю ширину экрана, так что я использую контейнер-жидкость в загрузчике и текстовое поле будет в середине изображение.

Answer 1

Вы можете вызвать локальный файл в качестве фона, как это:

background: url("file://PATH-TO/file.jpg"); 

Имейте в виду, что строка внутри скобок должно обеспечить URL к файлу.

Кроме того, у вас есть возможность разместить в нем path.

background: url("PATH-TO/file.jpg"); 

Answer 2

Он отлично смотрится на вашем css. Попробуйте использовать firefox или chrome debugger, чтобы проверить, можно ли загружать фоновое изображение или нет. Попытайтесь изменить значение фона. Иногда фоновое изображение слишком велико, что вы можете видеть только часть его (который может быть полностью белым) на экране.

Answer 3

Ваш путь неправильно попробовать это: url('images/shop.png') - если ваш КСС в чемпионы

Answer 4

изменить люфтов. Отсюда ...

background: url('C:\Users\Jason\Desktop\champions\images\shop.png'); 

К этому

background: url('C:/Users/Jason/Desktop/champions/images/shop.png'); 

Приветствия.