CSS問題：坐在固定位置下方的文本Div

我有一個固定背景和另一個小圖像的網站，它坐在我已成功定位的頁面中心，但是當我嘗試將另一個div中應該包含文本和內容，它位於圖像下方。CSS問題：坐在固定位置下方的文本Div

你可以在這裏查看我的例子：（請不要擔心網址！它不是什麼狡猾或噁心的東西，它只是我周圍的域名）。 http://liquid-shit.com/csstest.php（頁）

（SO只讓我張貼所以這裏一個超鏈接是鏈接到它的CSS未鏈接，刪除/人的之間的空間）

HTTP：/ /液體-shit.com/csstest.css（該頁面）

正如您可以在頁面底部看到的那樣，兩個小小的白色華麗圖像位於文本上方。我曾嘗試改變html和z索引等divs的順序。

我的CSS有點生疏，這一個讓我卡住了。

預先感謝 - 本

來源

2010-01-05 Ben

與其在斜線之間放置空格，請封裝反引號之間的鏈接，以便SO將其視爲代碼字面量。 – 2010-01-05 04:33:43

固定定位總是坐在上述流程（正常）的定位。您需要將#content更改爲使用絕對或固定位置，然後正確定位元素。

這裏是更新的CSS：

#content { 
    width:200px; 
    min-height:100%; 
    margin:auto; 
    z-index:1; 
    position:absolute; 
    left:50%; 
    margin-left:100px; /* half the width to obtain proper offset */ 
}

來源

2010-01-05 04:32:50

謝謝隊友！最終如此簡單。我認爲這可能是。 – Ben 2010-01-05 04:43:45

望着http://liquid-shit.com/csstest.php源代碼後，你需要把你的內容和固定框的2個獨立的div小號

<body> 
    <div id="content"> 
     lorem ipsume says put your content here. 
    </div> 

    <div id="footer"> 
     &nbsp; 
    </div> 

</body>

固定位置的#footer並給它高z-index爲了使#content的內容落後於它。

來源

2010-01-05 04:38:17

我得到的效果，我認爲你正在尋找與下面的CSS。（這也消除了pattern DIV的需要。）

html, body { 
background-color:#000f2f; 
background-image:url(backgroundgradient.jpg); 
background-repeat:repeat-x; 
background-attachment:fixed; 
background-position:bottom; 
height:100%; 
} 

#content { 
background-image:url(pattern.png) ; 
background-attachment: fixed; 
background-repeat:no-repeat; 
background-position:bottom; 
width:200px; 
min-height:100%; 
margin:auto; 
z-index:1; 
}

編輯：從以前的編輯固定複製/粘貼錯誤。

來源

2010-01-05 04:44:14

哦，你也不需要z-index了。 – 2010-01-05 04:50:40

CSS問題：坐在固定位置下方的文本Div

回答

相關問題