Html 未覆盖整个容器流体的背景图像
我是这个引导程序的新手。我有一个背景图像,我想把它放在容器流体中。怎么做 这是我的代码:Html 未覆盖整个容器流体的背景图像,html,css,twitter,twitter-bootstrap,background-image,Html,Css,Twitter,Twitter Bootstrap,Background Image,我是这个引导程序的新手。我有一个背景图像,我想把它放在容器流体中。怎么做 这是我的代码: <div class="image_outer"> <div class="container-fluid"> <div class="row-fluid"> <div class="span5"> <div class="fl navi"> <
<div class="image_outer">
<div class="container-fluid">
<div class="row-fluid">
<div class="span5">
<div class="fl navi"> <a href="#" title="One" class="mr30">One</a> <a href="#" title="two">TwoP</a> </div>
</div>
<div class="span2"">
<div id="image1"><img src="/Something/something.jpg" alt="" /></div>
</div>
<div class="span5">
<div class="fr navi"> <a href="#" title="three" class="mr30">Three</a> <a href="#" title="four">Four</a> </div>
</div>
</div>
</div>
</div>
我可能错了,你们是流动儿童。您需要清除浮动,以便背景占据指定的高度
<div class="row-fluid">
<div class="span5">
<div class="fl navi"> <a href="#" title="One" class="mr30">One</a> <a href="#" title="two">TwoP</a> </div>
</div>
<div class="span2"">
<div id="image1"><img src="/Something/something.jpg" alt="" /></div>
</div>
<div class="span5">
<div class="fr navi"> <a href="#" title="three" class="mr30">Three</a> <a href="#" title="four">Four</a> </div>
</div>
<div style="clear:both"></div>
</div>
像这样使用你的代码,我希望这将为图像工作
.image_外部{宽度:100%;边距:0自动;
背景:url(../Something/Something_bg.jpg)repeat-x;
高度:128px;}
试试这个CSS:
.image_outer {
width:100%;
margin:0 auto;
background:url(Something/something_bg.jpg) repeat-x;
height:128px;
background-position:cover;
}
不,还是一样。。。它并没有涵盖所有内容。添加背景位置:封面
.image_outer {
width:100%;
margin:0 auto;
background:url(Something/something_bg.jpg) repeat-x;
height:128px;
background-position:cover;
}