2008-12-01 102 views
1

我有幾個Div,我使用類和ID的樣式,他的div自己是emtpy,因爲他們只是他們的背景的佔位符。例如股利:Div背景沒有與Div的位置

<div id='ranImg1' class='ranImg'></div> 

然後我用這個CSS樣式他們:

.ranImg { 
    position:fixed; 
    z-index:0; 
    width:250px; 
    height:250px; 
    display:block; 
} 
#ranImg1 { 
    left:10px; 
    top:200px; 
    background-attachment:fixed; 
    background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png); 
    background-repeat:no-repeat; 
} 

只要事業部是在文檔的圖像顯示的左上角正確的,但是當事業部放在別的地方在頁面上,圖像保持(不可見)在頁面的左上角,只顯示與div重疊的部分(在本例中這將是圖像的底部)。

EDIT 我試圖在不影響其他佈局的情況下定位這些Div,它們位於其他佈局的後面。這是有效的,除了背景圖片不遵循divs位置。
所以基本上我的問題是,爲什麼ranImg1 div與div定位的背景並沒有停留在左上角,以及如何解決這個問題?

回答

3

您的background-attachment:fixed將附加相對於瀏覽器窗口的背景圖像。如果你想讓它「跟隨」 div位置,只是刪除行:

#ranImg1{ 
    left:10px; 
    top:200px; 
    background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png); 
    background-repeat:no-repeat; 
} 

你也可以設置background-position屬性背景相對於包含分區的設置:

background-position: 0px 0px; 

我」米不知道這是否會幫助除了刪除background-attachment之外的任何東西(沒有足夠的咖啡!)