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图像

回答

相关问题