2012-08-30 27 views
2

上导致图像变形我试图将背景图像(图案)设置为div,并且模式变形,在调整浏览器大小时会发生变化。background-image和repeat-x在Mac OS,Firefox 14.0.1

当我删除重复-X和格图案的宽度设置宽度(8像素)图像看起来正常 - img.skitch。 com/20120830-m69s2a7x4d3fdxjmsjjs8f58f6.jpg(对不起,不能超过2个超链接)。 我也在Windows 7上测试了IE9,Chrome 21,Firefox 13和Opera 12.01以及带有repeat-x的div的代码。

所以我的问题是:

  1. 是浏览器的一个漏洞?
  2. 我该如何解决这个问题?

非常感谢。问候。

回答

0

这完全没问题。如果您删除background-repeat: repeat-x;,则它会在X轴和Y轴上重复。因为你给它一个高度,它不能显示你重复Y.只要删除repeat-x;并给它一个更大的宽度。它会在两个轴上重复。