垂直半页背景图像（在Squarespace中）

我正在寻找实现如下所示的半页背景图像：www.washiarts.com。我使用Squarespace构建网站，因为我是网页设计新手......请善待。垂直半页背景图像（在Squarespace中）

我知道我需要使用一个容器，然后在那里有图像，尽管我正在努力在Squarespace中使用代码输入的选项来完成它。我可以将图像，并使用这些代码的变化正确对齐，但它显得捉襟见肘：

> body { 
    background-image: url("IMAGE URL"); 
    background-position: 0; 
    background-size: 50% 100%; 
    background-repeat: no-repeat; 
}

感谢您的任何帮助。

来源

2016-09-29 Nick D

阅读此，它会帮助！ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images – Goombah

感谢您的建议！ –

我觉得很难不让它伸展。 Washiarts.com的bg-image也略微伸展。他们使用background-size: cover;

如何使一个可重复的模式，并使其重复向下？

body { 
    background-image: url("http://i285.photobucket.com/albums/ll53/ellee2012/Cute/0-75.png~original"); 
    background-size: 50%; 
    background-repeat: repeat-y; 
}

来源

2016-09-29 11:36:19 Emil

谢谢！这几乎是完美的 - 它只是在底部略微重复。我希望能够使用一个大图像而不是模式（对不起，我没有详细说明）。无论如何只是略去了轻微的重复？ –

我编辑了我的原始图像，并删除了重复。我仍然很想知道如何将它添加到容器中，但我有一个可行的解决方案。谢谢！ –

如果您不希望重复使用'background-repeat：no-repeat;'但请注意，对于屏幕分辨率高于其他屏幕分辨率的其他人，图像太小。 – Emil

垂直半页背景图像（在Squarespace中）

回答

相关问题