Chrome調整大小CSS背景url圖像

我使用谷歌瀏覽器3.0.196.2，我注意到由於某些原因#main div的背景縮小了一點，即使它不應該。它在所有其他瀏覽器中都可以正常測試，但Chrome瀏覽器的效果很好Chrome調整大小CSS背景url圖像

任何人都知道爲什麼？

鏈接到網站：link text

即使有一個屏幕截圖：link text 通知綠色右側的東西不排隊被切斷，以及。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<HTML> 
<HEAD> 
    <STYLE type="text/css"> 
     #main { 
      border: 10px solid black; 
      height: 300px; 
      width: 1000px; 
      margin-left: auto; 
      margin-right: auto; 
      padding-top: 50px; 
      background: #AAA url("http://www.ipalaces.org/weird/mainbg.gif"); 
     } 
     #picture { 
      border-top: 1px solid #EEE; 
      border-bottom: 1px solid #EEE; 
      height: 100px; 
      width: 1000px; 

     } 
    </STYLE> 
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <TITLE>Imperial Palaces</TITLE> 
</HEAD> 
<BODY> 


<DIV id="main"> 
    <IMG id="picture" src="http://www.ipalaces.org/weird/mainbg.gif" alt="picture"> 
</DIV> 


</BODY> 
</HTML>

來源

2009-08-06 ParoX

這是直接從您的代碼？因爲你在#main定義的末尾缺少一個分號，它不會解決你的問題，從來沒有那麼少，分號很重要！ – fixmycode 2009-08-06 08:25:46

我加了分號。 – ParoX 2009-08-06 08:31:15

這似乎在Chrome 2是工作確定：http://skipall.com/2vb.jpg
記住，三價鉻是仍處於測試階段，它的可能這只是一個bug（我不知道，當然）。

來源

2009-08-06 08:54:23 Kobi

爲了調試，我想我會填充填充和邊框 - 檢查差異，然後嘗試用IMG替換DIV標籤來檢查它是容器還是IMG。甚至可以在幾個大綱屬性中查看以查看到底發生了什麼：

#main { 
    padding: 0; 
} 
#picture { 
    border: 1px solid #EEE; 
    border-width: 1px 0; 
} 
/* and later... */ 
#main, #picture { 
    outline: 1px solid red; 
}

來源

2009-08-06 11:35:35 searlea

Chrome調整大小CSS背景url圖像

回答

相關問題