自動寬度DIV背景+垂直滾動

圖片與在頁面的頂部不同高度的橫幅的位點，自動寬度DIV背景+垂直滾動

在其下方，div#wrapper-inside內部div#wrapper
#wrapper-inside是固定寬度的和定心
#wrapper具有大背景圖片

現在。當瀏覽器視口寬度小於我們的#wrapper-inside時，我們會得到一個漂亮的水平滾動條，當我們滾動到左側時，您會注意到#wrapper的寬度與瀏覽器視口寬度保持相同。

問題是，#wrapper滾動，背景圖像被切斷。

這可以用CSS來解決，如果不是，jQuery？

來源

2009-12-09 thomasdecrick

如何將#wrapper最小寬度設置爲與包裝內部相同的固定寬度呢？

來源

2009-12-09 11:37:10

就像一個魅力。謝謝！ IE6用戶已經得到了一個大胖更新警告，所以與他們碰撞。 – thomasdecrick

它可以只用CSS來實現：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <style> 
      #wrapper { 
       overflow: auto; 
       background-image: url('http://fc05.deviantart.net/fs50/f/2009/340/b/0/Me_by_dicabrio.png'); 
      } 
     </style> 
    </head> 
    <body> 
     <div id="header"> 
      bla bla 
     </div> 
     <div id="wrapper"> 
      <div id="wrapper-inner" style="width: 2000px; border: 1px solid black;height: 100px; color: white;"> 
test;test;test;test;test;test;test;test;test;test;test;test;test;test;test; 
      </div> 
     </div> 
    </body> 
</html>

來源

2009-12-09 11:48:46

自動寬度DIV背景+垂直滾動

回答

相關問題