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;
}