2012-08-30 77 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;並給它一個更大的寬度。它會在兩個軸上重複。