Question

我有一个身体背景图片，它在背景中固定，容器在它前面滚动。问题是图片会根据屏幕的大小不断放大。当我希望它被修复。

我拥有最多的一切。这是代码，有什么想法吗？：

body {

    background:url('http://www.markrehnstrom.com/img/bg-img.jpg');
    background-image: url('http://www.markrehnstrom.com/img/bg-img.jpg');
    background-attachment:scroll;
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover 100%;
    background-origin: content-box;
    overflow-x:hidden;
    float:left;


}

.background-img:after{
    background-position:left;
    width:90%;
    height:90%;

    }

Answer 1

将background-size更改为固定值，例如80px 60px或您需要的任何内容。

如果这样做，无论您更改窗口大小多少，图像的大小都将保持固定。

例如：background-size: 80px 60px;

另外，请查看以下链接：http://www.w3schools.com/cssref/css3_pr_background-size.asp

如何使背景图片响应屏幕尺寸？

1 个答案: