Как повторить фоновое изображение с помощью css

Мне нужно повторить как фоновое изображение gried.png image в welcome.blade.php в Моем приложении. Мне нужно создать файл селектора классов в папке css для этого. это мой файл welcome.css в общедоступную папку/CSSКак повторить фоновое изображение с помощью css

.background-image{ 
    background-image:transparent url("/imgs/grid.png"); 
    background-repeat:repeat; 
}

Это мой welcomeblade.php файл

<link rel="stylesheet" href="/css/welcome.css" /> 
<div class="background-image"></div>

Но этот код не генерирует никакого результата, как я могу это исправить ?

источник

2016-09-04 Fernando

transparent недействительное значение для background-image. Это значение для background-color.

.background-image { 
    background-color: transparent; 
    background-image: url("/imgs/grid.png"); 
    background-repeat: repeat; 
}

должно работать.

Посмотрите здесь (с другой URL для изображения): https://jsfiddle.net/h0revzu5/

источник

2016-09-04 09:22:38

В общем, вы можете использовать «Инструменты разработчика» Chrome инспектировать любой элемент с проблемой и проверить «Стили» на вкладку, чтобы увидеть, если любой из ваших определений, является недействительным и, таким образом, быть игнорируются. Просто щелкните правой кнопкой мыши на затронутом элементе и выберите «Осмотреть». –

сделал как ваш комментарий. но не работает – Fernando

Я сделал пример более полным и добавил ссылку jsfiddle. Также обратите внимание, что у вас должен быть какой-то контент в div или что-то, чтобы увеличить его, чтобы увидеть фоновое изображение. Также проверьте вкладку «Инструменты разработчика» на вкладке «Сеть» и убедитесь, что изображение загружается в порядке. Или посетите URL-адрес в своем браузере и убедитесь, что он есть. –

Просто попробуйте фоновое вложение: повторить;

источник

2016-09-04 10:39:46

Пример фона повторить:

body { 
 
    background-image: url("https://images.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png"); 
 
    background-repeat: repeat; 
 
}

ИЛИ

Кроме того, по умолчанию это повторяется при установке фона,

body { 
 
    background: url("https://images.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png"); 
 
    
 
}

По умолчанию цвета фона является background-color:transparent;

источник

2016-09-04 10:47:28

Как повторить фоновое изображение с помощью css

ответ

Смежные вопросы