2010-12-01 55 views
0

我想把一張圖片放在我的網站上,絕對的課程在CSS中。 我有這樣的CSS:絕對級不在IE中工作

.christmas-santa {background:url(../images/header/santa.jpg) left bottom no-repeat scroll; 
position:fixed; left:0px; top:0px; width:100%; height:100%; border:1px solid #000000;} 

這個CSS在Mozila工作,但它不是在IE瀏覽器正常工作。

我應該做些什麼改變?

回答

0

您使用哪個IE? IE 6,7和8的每個行爲都略有不同(具有不同的錯誤)。首先,IE 6不支持position: fixed。如果你的谷歌爲ie 6 position fixed,你會發現解決方案,以模擬IE 6中。

+0

嘿朋友 - 我已經把下面的CSS#聖誕,聖誕老人{位置:絕對的;底部:0;正確:0; z-index:1;}所有的東西都很完美,但圖像不固定。當我向下滾動或向上移動圖像時。請回報css併發送給我你的建議。 – 2010-12-01 06:17:09

1

哪個版本的IE?有IE6和position:fixed已知的問題,但這裏是修復; http://divinentd.com/experiments/emulating-position-fixed.html

IE7+ will only support position:fixed in standards compliant mode它需要有效的DOCTYPE。

將此列入您的頁面頂部;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

+0

嘿安德森 - 首先感謝您的及時回覆。我已經提出了下面的代碼。現在代碼正在工作,但圖像不固定。當我向下滾動圖像時會上下移動。你可以在我的代碼中進行必要的更改。這裏是我的代碼細節:#christmas-santa {position:absolute;底部:0;正確:0; z-index:1;} – 2010-12-01 06:04:45