我使用的是3870像素×3997像素的背景图像。我使用以下css使其覆盖整个屏幕:
body {
url('../images/bkg_large.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
但是,图像似乎不合适。它被拉伸并切除图像顶部的云。我尝试删除固定并添加高度= 100%而不是。这使得云显示为常规的膝上型屏幕,但仍然无法将其固定在较大的显示器上。
这是网站:http://heartcrossings.businesscatalyst.com/
我能做些什么才能让这个图像在更大的显示器上更好用?
答案 0 :(得分:0)
不确定这是否会解决但值得一试
尝试背景大小:100%;