Background image 如何使背景图片响应屏幕大小?

Background image 如何使背景图片响应屏幕大小?,background-image,Background Image,我有一个身体背景图像,固定在背景中,容器在它前面滚动。问题是,图片会根据屏幕大小不断放大。当我想把它修好的时候 我几乎什么都有。这是密码,有什么想法吗 body { background:url('http://www.markrehnstrom.com/img/bg-img.jpg'); background-image: url('http://www.markrehnstrom.com/img/bg-img.jpg'); background-attachment

我有一个身体背景图像,固定在背景中,容器在它前面滚动。问题是,图片会根据屏幕大小不断放大。当我想把它修好的时候

我几乎什么都有。这是密码,有什么想法吗

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

    }

背景大小
更改为固定值,如
80px 60px
,或任何您需要的值

如果执行此操作,则无论更改窗口大小多少,图像的大小都将保持不变

例如:
背景尺寸:80px 60px


此外,请查看此链接:

背景大小更改为固定值,如
80px 60px
,或任何您需要的值

如果执行此操作,则无论更改窗口大小多少,图像的大小都将保持不变

例如:
背景尺寸:80px 60px


另外,请查看此链接:

当我执行建议的操作时,右侧会显示一个白色背景色。还有其他技术吗?你能上传截图吗?这将有助于了解您的问题到底是什么,因为您的html也不在这里……此外,考虑到您的图片有黑色背景,您可以更改
背景颜色:黑色。。。试一试。最后,我放弃了,创建了一个更大的图像来解决屏幕问题。我试过你的决心,但这次没有一个真正奏效,我感谢你的时间!当我执行建议的操作时,右侧会显示一个白色背景色。还有其他技术吗?你能上传截图吗?这将有助于了解您的问题到底是什么,因为您的html也不在这里……此外,考虑到您的图片有黑色背景,您可以更改
背景颜色:黑色。。。试一试。最后,我放弃了,创建了一个更大的图像来解决屏幕问题。我试过你的决心,但这次没有一个真正奏效,我感谢你的时间!