2015-02-05 97 views
0

所以我有一个问题,我的代码的头,背景图像有时是100%,但如果我刷新页面,图像的一部分它是空白的,像一个裁剪,有时我的形象isn没有装。Div与背景图像完全

对于头我有这段代码。

min-height: 702px; 
    width: 100%; 
    display: block; 
    background: url('img/bgHeaderpsdtohtml.png') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bgHeaderpsdtohtml.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgHeaderpsdtohtml.png', sizingMethod='scale')"; 
    border-bottom:9px solid $galben; 
    position: relative; 
    z-index: 1; 

问题看起来像 - http://i62.tinypic.com/10frxbk.png

我想用同样的方法,使一些div全屏我的网页里面..哪里的问题呢?

我想要它有一个简单的div与背景图像的全宽和高度集我..哪种方法是正确的?

的jsfiddle链接http://jsfiddle.net/53nbe75n/

回答

0

更改显示内联块, 检查fiddle

min-height: 702px; 
    width: 100%; 
    display: inline-block; 
+0

http://jsfiddle.net/53nbe75n/ – Alex 2015-02-05 15:07:16

+0

我试过你的建议,但我已经同问题如果重新加载页面,上面的图像部分消失.. – Alex 2015-02-05 15:19:08

+0

好吧,我的不是!奇怪...嗯 – 2015-02-05 15:21:33