设置"滚动"的背景​​尺寸(图像)页

时间:2016-03-15 05:53:53

标签: javascript jquery html css

所以我遇到麻烦,如果我有一个"长"网页(你让你的窗户尽可能大,但仍然需要滚动)图像不会表现为"正确。

我认为将background-size属性设置为cover可以做到这一点,但图像不够大(必须非常大)我只是获得了空白区域向下滚动页面一点点。是否有一个属性可以将背景的高度设置为100%,然后适当缩放图像,使其具有与原始高度成正比的正确宽度?

我现在的解决方案是使用背景颜色,图像可以减轻"进入,只是为了让它看起来光滑。

2 个答案:

答案 0 :(得分:1)

尝试使用

 html,body { 
  background: url(yourImg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

或者如果图像不够大,也可以使用背景颜色

background: #6DB3F2 url('yourImg.jpg');

答案 1 :(得分:0)

尝试使用with io.open("testJson.json",'w',encoding="utf-8") as outfile: outfile.write(unicode(json.dumps(cards, ensure_ascii=False))) 属性。 但这会拉长你的形象。

如果您想在整个网页中添加背景信息,那么您可以将background-size: 100% 100%;属性添加到正文中。

e.g。

background-image:('');