CSS背景中的“无法加载图像”？拉拉韦尔

Question

我已经使用完php artisan storage:link，但是我不知道为什么它不加载。当我检查并悬停它时，它说“无法加载图像” ，如下所示。

让我更困惑的是，当我单击该链接时，该链接实际上有效。

这是代码：

<div class="advertise p-2">
    <div class="ae-box" style="background: linear-gradient( rgba(34,34,34,0.78), rgba(34,34,34,0.78)), url('http://localhost/storage/ad1.gif') no-repeat;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-size: auto, auto;background-size: cover;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;">
        <div class="ae-box-body text-center">
            <div class=""><i class="fa fa-certificate fa-3x"></i></div>
            <h4 class="m-0">Clifford Graham</h4>
            <p class="m-0">2 hours ago</p>
        </div>
    </div>
</div>

有人知道该怎么做吗？

Answer 1

我认为巨大的内联样式声明只是要求输入错误。 我建议将所有这些内容移到CSS样式文件中的类语句中，并逐个元素地进行构建，直到看到所有错误为止...

Answer 2

找到答案了，这是因为我安装了 adblocker 。现在，在我禁用它之后，它就可以工作。

解决方案：How to display GIF's in laravel