Chrome调整CSS背景网址图片大小 [英] Chrome resizing CSS background url image
问题描述
我使用谷歌浏览器3.0.196.2,我注意到,由于某种原因#main div的背景是收缩了一点点,即使它不应该。它测试正常在其他浏览器,但chrome。
I am using Google Chrome 3.0.196.2 and I noticed that for some reason the #main div's background is shrunk a tad bit, even though it should not be. It tests fine in every other browser but chrome.
任何人都知道为什么?
链接到网站: link text
即使有屏幕截图:链接文本
注意右侧的绿色被切掉,以及没有排队的东西。
Even have a screen shot: link text Notice the green on the right side is cut off, as well as things not lining up.
<!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>
推荐答案
这似乎在Chrome 2上正常工作: a href =http://skipall.com/2vb.jpg =nofollow noreferrer> http://skipall.com/2vb.jpg
请注意,Chrome 3是仍然处于测试阶段,这是可能的这只是一个错误(我不知道,当然)。
This seems to be working OK on Chrome 2: http://skipall.com/2vb.jpg
Remember that Chrome 3 is still in beta, it's possible this is just a bug (I'm not sure, of course).
这篇关于Chrome调整CSS背景网址图片大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!