CSS相對和絕對小孩

我有一個背景圖片的問題了絕對的div：CSS相對和絕對小孩

.div1 { 
    height:100%; 
    positon:relative; 
    top:0; 
} 
.div2 { 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 
.image_in_div2 { 
    background: url('img/img1.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

HTML

<div class='div1'> 
    <div class='div2'> 
     <div class='image_in_div2'></div> 
    </div> 
</div>

我的問題：當我重新加載頁面時，瀏覽器上滾動的頂部一切都很好。但是當我向下滾動頁面並重新加載時，image_in_div2的位置不是從頁面頂部開始，而是從可見視圖的頂部開始。

我做錯了什麼？

來源

2014-12-04 Wordica

對不起，我不清楚。 – 2014-12-04 13:33:58

什麼不清楚？ – Wordica 2014-12-04 13:35:13

你想怎麼樣？發生了什麼？ – 2014-12-04 13:36:43

-1

首先你有幾個類型的錯誤。 .div1 > positon:relative;應該是position，您可以從.image_in_div2刪除-moz-background-size: cover。

而且，如果我說得對，可以添加background-attachment:fixed可以解決您的問題。

來源

2014-12-04 13:56:49 youngster

我不明白爲什麼，但我改變位置絕對固定爲該div的另一個容器，它的工作。但是現在我遇到了其他div中固定背景的問題......很奇怪 – Wordica 2014-12-04 14:13:54

CSS相對和絕對小孩

回答

相關問題