Question

我不知道这是怎么回事。

这是我尝试添加到我的网站的图片：

background-image:
    radial-gradient( circle at 50% 50%, rgba( 0,0,0,0.46 ), rgba( 0,0,0, 0.88 ) ),
    url( 'https://picsum.photos/1600/1400/?image=630' );

从一开始看起来像这样：

background-image:
    radial-gradient( circle at 50% 50%, rgba( 0,0,0,0.46 ), rgba( 0,0,0,0.88 ) ),
   url( 'http://unsplash.it/1600/1400?random=9' );

当我甚至没有任何代码时，我还能得到这张随机图片吗？

当我在Chrome中时检查元素（无法找到我的新代码）：

background-image:
    radial-gradient( circle at 50% 50%, rgba( 0,0,0,0.46 ), rgba( 0,0,0,0.88 ) ),
    url( http://unsplash.it/1600/1400?random=9 );

www.filipfahlstrom.se是您想要查看的网站。

我100％确定它是theme.css，我保存了文件并将其上传到域名。

Answer 1

你的问题太模糊，无法得到可靠的答案。你在哪个文件中调用background-image：radial ...等等？如何不工作，代码根本没有显示或是否在控制台中抛出错误？

以下是此问题的一些常见错误。

- 如果该文件未显示，则表示您没有正确调用css文件。

- 尝试添加！对你的css很重要，这可能与你的theme.css有冲突。

- 重新加载浏览器并清除缓存。

- 当我对代码进行非常小的更改并将其重新上传到我的服务器时，服务器可能需要几个小时来实现更改并更新它以反映服务时的更改。 / p>

-Simplify，尝试渲染图像，然后添加额外的样式。一旦渲染，然后让它在外部渲染，然后将CSS添加到它。

Answer 2

查看实际的后台网址：http://unsplash.it/1600/1400?random=9

每次加载页面时，它都会为您提供一个随机图像（不要刷新页面......而是再次转到相同的URL以查看它给出的图像不同）---这是因为你提供页面的URL而不是图像的URL。

这是我的建议 -

将图像（从法律角度可以下载）下载到本地计算机上
将其放在项目文件夹中---在适当的位置
修改CSS中的background-image以指向本地图片

Answer 3

此处正确显示图像。您身边的问题很可能是旧的theme.css仍在浏览器缓存中。

使用theme.css标头发送Cache-Control:max-age=3600, public文件。此时，浏览器可以在检查文件是否已更改之前，在下一个3600秒内从缓存中加载文件。

在Chrome中，您可以在开发人员工具的Network标签中看到这一点，当您从缓存加载(from memory cache)列时，可以看到Size列中的Disable cache。

在开发网站时，您可以通过查看开发者工具的Network标签中的body := "This messages contains,variable1"复选框来避免此问题。

或使用 cmd shift r 进行强制重装。

网站上的奇怪的图像交换错误

3 个答案: