使用 Amazon Web Services 在 Wordpress 上的背景图像答案

【问题标题】：Background image on Wordpress using Amazon Web Services使用 Amazon Web Services 在 Wordpress 上的背景图像
【发布时间】：2015-11-13 20:07:37
【问题描述】：

我遇到了一些麻烦。

网址：http://laserhoofs.ninja/

问题：我在我的 Wordpress 网站上使用 Enfold 主题。在这里，我试图有一个带有图像背景的部分。该图像托管在 Amazon Web Services S3 上，然后自动链接到 Wordpress。这在插入图像时效果很好，但在用作背景时不起作用。 CSS 显示图像背景的“属性值无效”。

代码：

元素样式{ 背景重复：不重复；背景图片：url（http://s3-eu-central-1.amazonaws.com/itsoncraft/Team慷慨 2015/背景/20150521112027/lighthouse_day-1500x906.jpg）；背景附件：滚动；背景位置：右上角； }

当我尝试使用来自网络的随机图片链接时，它可以正常工作。所以我认为问题在于 AWS S3 设置。我从这篇文章中找到了相关的解决方案，但没有奏效：

S3 - Access-Control-Allow-Origin Header

如何让图像背景发挥作用？我将图像托管在 AWS 上，因为我将拥有许多 TB 的材料，因此仅将图像托管在 Wordpress 媒体库上并不是一个解决方案。

谢谢

【问题讨论】：

标签： wordpress amazon-web-services amazon-s3

【解决方案1】：

你应该用%20替换你的图片url路径中的空格。

应该是这样的：

element {
  background-repeat: no-repeat; 
  background: url(http://s3-eu-central-1.amazonaws.com/itsoncraft/Team%20Generous%202015/BACKGROUNDS/20150521112027/lighthouse_day-1500x906.jpg);
  background-attachment: scroll; 
  background-position: top right;
}

Fiddle

【讨论】：

@user18375 好的，太好了！如果确实有帮助，请不要忘记接受答案；）