2013-03-13 53 views
0

這裏有一個你已經難倒我:定位背景:網址與Z-索引

我使用background:url把一個小圖像在CSS中我的容器的右下角這很好地工作。但是,當用戶在帳戶創建頁面上時,具有「創建帳戶」和「取消」按鈕的部分與我的圖像重疊,從而模糊了一半。這裏是什麼樣子:

我已經調查使用的z-index來解決這個問題無濟於事(因爲圖像是容器的一部分,如果我降低Z-指數爲遮蔽div,整個帶有按鈕的部分放在容器後面,這使得它們看不見)。我也不想單獨進入每個頁面,並將圖像放入html中,尤其是因爲我使用Joomla,模板html結構對我來說很困惑。 (使用Joomla 3.0.3與默認的Protostar模板)

我是否缺少明顯的東西?我覺得我是...

在此先感謝!

回答

1

你很搞笑:)使用背景圖片,但想把它放在前臺。

只需使用一個圖像標記和positionabsolute在容器的底部右側(不要忘了給容器position: relative

+0

確定這是一個公平點,但在對的Joomla HTML文件都在地方(一些在httpdocs,一些在模板文件夾等),所以使用背景圖像,讓我只做一次,並在CSS文件,這是很容易找到... *編輯:不能直視於所以我覺得我的答案會不斷變得麻木。我會睡覺,嘗試你的建議,然後可能回來並選擇它作爲正確的:)但同時,如果任何人在Joomla有這個具體的演練,我會歡迎它! – ozzyna 2013-03-13 22:17:56

+1

是的,你自然是對的。我設法找到正確的html文檔並添加你的建議。感謝一堆幫助我解決這個問題(無可否認):) – ozzyna 2013-03-13 22:32:22