使用亚马逊网络服务的Wordpress背景图片

Question

我遇到了一些麻烦。

网站:http://laserhoofs.ninja/

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

代码:

元素。风格{平铺方式:不再重演;背景图片:url(http://s3-eu-central-1.amazonaws.com/itsoncraft/Team慷慨2015/背景/20150521112027/lighthouse_day - 1500 x906.jpg);background-attachment:滚动;Background-position:右上角;}

当我尝试从网络上使用随机图像链接时，它工作得很好。所以我认为问题出在AWS S3设置上。我从这篇文章中找到了一个相关的解决方案，但它没有工作:

S3 - Access-Control-Allow-Origin报头

如何让图像背景工作?我在AWS上托管我的图像，因为我将有很多TB的材料，所以仅仅托管Wordpress媒体库上的图像不是一个解决方案。

谢谢

Answer 1

您应该将图像url路径中的空格替换为%20。

应该是这样的:

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;
}

小提琴