jQuery與FF/IE的背景圖像

Question

我有一個簡單的頁面結構，其中一個大圖像作爲「正在進行的工作」頁面的背景。

問題是，在使用Firefox的1152x864分辨率背景圖像被「截斷」，而與Internet Explorer（和相同的分辨率），一切似乎工作正常。

「截斷」的含義是徽標和特別是「創意攝影師」的詞組似乎非常接近顯示器的左側。

對於其他屏幕分辨率（1200x800,800x600），圖像對我來說也很適合！

該網站是公開的，是http://www.antoniafiore.com

我錯了的東西？你能告訴我我錯在哪裏嗎？

感謝您的回覆！

這裏有一些截圖

• 火狐命令欄（好）：http://bit.ly/SKser1
• 火狐沒有命令欄（壞）：http://bit.ly/QFPCIk
• IE瀏覽器命令欄（好）：http://bit.ly/Q2m8Ub
• IE無命令欄（壞）：http://bit.ly/VxGgD4

Answer 1

如果你可以使用CSS 3，我建議將這樣的風格，你的背景：

div#bg 
{ 
    background-image: url('bg.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    height: 100%; 
    width: 100%; 
} 

這將確保您的圖片進行縮放正確不管當前的屏幕分辨率。我用它在我的網站上顯示高分辨率圖像，我不想縮放或切割不正確。

background-size屬性特定於CSS 3，但其餘部分符合CSS 2.此外，您不需要爲此使用jQuery。它可以用直接CSS 3完成。