2013-03-04 20 views
9

Czy możliwe jest powtórzenie obrazu tła, ale określić liczbę pikseli przed następnym zaczyna powtarzać.możesz utworzyć przestrzeń między powtórzeniami obrazów tła?

tj. Tło: url (img.png) [po 40px] powtórzenie-x;

Nie chcę, aby dodać pustą przestrzeń na obrazie.

+0

Jedyny sposób będzie z obrazami, których nie chcesz dodawać sasdly. –

+0

Nie mam conajmniej kilkaset kilobajtów obrazów właśnie zrobić wirtualny krajobraz tamtej pory animowane chmury lasu, ogrodzenia, ale wiele moich słuchaczy będzie w Georgian republic stąd slowish Internecie w czasie i nie chcą przesadzić, gdy ważna jest treść. Musiałem poświęcić i cierpieć ograniczenia. – gcoulby

Odpowiedz

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

Przeglądarka wyrenderuje pięć obrazów w przestrzeni, ale dostosuje szerokość obrazu do 104 pikseli (520 pikseli/5). Obraz jest szerszy, aby pasował do pojemnika. Full details here lub przeczytaj Background Size property

+1

Niestety, w przypadku dużych przeglądarek nie są jeszcze obsługiwane wartości spacji i okrągłych wartości tła. Jest to z artykułu ty reffered do: > „Dwa przeglądarek obsługuje przestrzeń i okrągłe właściwości Zgadnij, które z nich Mylisz się.?. To IE9 i Opera W chwili pisania tego tekstu, nie są one realizowane w Firefox, Chrome lub . Safari jest coraz gorzej.. Gdy Firefox napotyka miejsca lub okrągły spada z powrotem do powtarzania Gdy Chrome lub Safari przestrzeń spotkanie lub okrągły one spaść z powrotem do no-repeat Ponadto przeglądarki WebKit wydają się rozpoznawać właściwości, ale don "renderuj je poprawnie". –