html - CSS background 图像;调整大小

  显示原文与译文双语对照的内容
0 0

所以我有一个关于 background 图像 inside的问题。 请跟我裸一下,我试着解释我的问题。

收费情况:我有一个带 logo的div元素,导航&介绍它的文本。 这需要一个 background-image behind 。

问题: 需要相同的大小,但无论窗口大小如何,同样高度也一样。 所以它可以水平大小,但我不希望它垂直调整大小,使它垂直垂直。

header 正常屏幕大小http://s25.postimg.org/fh7npk5am/header_normal.jpg

header - 窗口调整大小,缩小到http://s25.postimg.org/685hffwem/header_resized.jpg

感谢你的帮助或者建议 ! 请询问你是否需要更多的信息或者细节。

-Chris 。

----> JSFiddle位于注释 <-----

时间:原作者:5个回答

0 0

你想你可以用"背景尺寸:封面;"。
这应该使 background 图像至少保留 100% 。

你可能希望将div高度设置为固定的像素,如":250px"

原作者:
0 0

尝试以下css属性:

background-size:cover;

或者

background-size:contain;

或者

 html{
 background: url('http://i.stack.imgur.com/jGlzr.png') no-repeat 0 0 scroll;
 background-color:#0C0C0C;
 background-size: 100% 100%;
 height:100%;
 width:100%;
}
原作者:
...