HTML – 需要空背景与背景图像强制高度,必须响应

概述我需要以下内容： >没有内容的emtpy div >背景图像设置为div >背景图像流畅/响应重新大小我无法设置固定 > div上的尺寸 我尝试的所有内容都无法强制div打开以支持背景图像的大小.任何帮助是极大的赞赏… http://www.everymountain.us/ <header id="header"><div class="wrapper"><div class="inner" @H_419_0@我需要以下内容：

>没有内容的emtpy div
>背景图像设置为div
>背景图像流畅/响应重新大小我无法设置固定
> div上的尺寸

我尝试的所有内容都无法强制div打开以支持背景图像的大小.任何帮助是极大的赞赏…

http://www.everymountain.us/

<header ID="header"><div ><div ><div ></div></div><div ></div></div></header>.front #header .top_banner { background: url('images/bg_front.jpg') no-repeat;   background-size: cover; }

@H_404_13@解决方法 将高度的纵横比锁定到其流体宽度的方法是使用填充顶部或填充底部百分比.这是因为所有填充百分比都是元素容器的宽度.你的背景图片是960 x 520,所以高度是54.166666666667％.

HTML

<div ></div>

CSS

.top_banner {    background-image: url('images/bg_front.jpg');    background-size: 100%;    wIDth: 100%;    padding-top: 54.166666666667%;    height: 0;}

示例：http://jsfiddle.net/SsTZe/156/

基本上是同一个问题：CSS fluid image replacement?

@H_404_13@ @H_404_13@ 总结

以上是内存溢出为你收集整理的HTML – 需要空背景与背景图像强制高度,必须响应全部内容，希望文章能够帮你解决HTML – 需要空背景与背景图像强制高度,必须响应所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。