2015-02-05 125 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