你可以在背景圖片重複之間創建空間嗎？

是否可以重複背景圖像，但在下一次重複開始前指定若干像素。你可以在背景圖片重複之間創建空間嗎？

即背景：網址（img.png）[後40像素]重複-X;

我不想爲圖像添加空白空間。

2013-03-04 gcoulby

只有一種方式將與圖像，你不想添加sasdly。 – 2013-03-04 11:09:01

不，我有幾百kilobytes的圖像只是爲了創造一個虛擬的風景，然後我有動畫雲彩森林，柵欄，但很多我的觀衆將在格魯吉亞共和國，因此有時互聯網速度慢，不想當內容最重要的時候過頭了。我必須作出犧牲，並受到限制。 – gcoulby 2013-03-04 20:26:32

background-repeat: space; 
background-repeat: round; // round(520/100) = round(5.2) = 5

瀏覽器將渲染空間中的五個圖像，但將圖像寬度調整爲104px（520px/5）。圖像製作得更寬以適應容器。 Full details here 或閱讀 Background Size property

來源

2013-03-04 11:09:35

不幸的是，主流瀏覽器尚不支持背景重複空間和舍入值。這是來自你的文章： >「兩個瀏覽器支持空間和圓形屬性，猜猜哪些是？你錯了：它是IE9和Opera。在編寫本文時，它們不是在Firefox，Chrome或Safari變得更糟：當火狐遇到空間或回合時，它會回落重複。當Chrome或Safari遇到空間或回合時，它們會回退到無重複狀態。此外，webkit瀏覽器似乎識別屬性，但不會沒有正確渲染它們。「 – 2014-01-14 00:21:07

你可以在背景圖片重複之間創建空間嗎？

回答

相關問題