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也不在这里……此外,考虑到您的图片有黑色背景,您可以更改背景颜色:黑色代码>。。。试一试。最后,我放弃了,创建了一个更大的图像来解决屏幕问题。我试过你的决心,但这次没有一个真正奏效,我感谢你的时间!