Question

我需要在my app中的welcome.blade.php中重复播放背景图片gried.png图片。我需要在css文件夹中创建类选择器文件。这是我在public / css文件夹中的welcome.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>

但是这段代码没有产生任何结果，我该如何解决？

Answer 1

transparent不是background-image的有效值。它是background-color的值。

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

应该有用。

在此处查看（图片的网址不同）：https://jsfiddle.net/h0revzu5/

Answer 2

尝试背景附件：重复;

Answer 3

背景重复的例子：

＆＃13;

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

＆＃13;

OR

默认情况下，它会在您设置背景时重复，

＆＃13;

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

＆＃13;

默认背景颜色为background-color:transparent;

如何用css重复背景图像

3 个答案: