CSS中的背景图像放置

时间:2013-09-01 21:56:54

标签: html css html5 css3 position

这是一个关于CSS的简单问题,但我不确定我是否知道如何正确地问它。基本上,我有一个想要重复x和y的图像。但是,即使重复这个图像,是否可以将其设置为风格,就像图像绝对定位一样?

在此处拍摄此图片:https://samraines.herokuapp.com/assets/paper-d5baa328bec5b7c9fe4cf98bba88452e.png,并在此处查看:https://samraines.herokuapp.com/shows。这就是我想要使用这种风格的方式,但由于图像的大小,我不确定是否可以完成和“绝对”风格。

再次澄清,我希望图像重复,但看起来好像是固定的。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

试试这个css:

.element {
    background-image: url(...);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed; // if you do not want to scroll image with site
}

喜欢这里http://codepen.io/Chovanec/pen/dkFDp