CSS: Trudność z położeniem w tle różnymi przesunięciami narożników

Question

Mam pewne problemy z tworzeniem przycisków wykorzystujących wiele tła. Wiem, że mogę użyć: przed i: po, ale chciałbym dowiedzieć się, jeśli to możliwe.

Oto Jsfiddle http://jsfiddle.net/syren/qerUT/1/

tym, jakie pokazano to, co ostatecznie ma to wyglądać. W tym przypadku użyłem

background-position: left top, 97% 90%; 

Tylko po to, aby pokazać, jak chcę wyglądać. Ponieważ chcę, aby móc poszerzyć bezpiecznie używać do innych przycisków i do tłumaczenia, chcę użyć tego:

background-position: left top, right 5px bottom 5px; 

Ale to nie działa. Według specyfikacji powinno to być, więc nie jestem pewien, co robię źle. Jakieś pomysły? Dzięki!

Answer 1

Próbowałem zrobić dokładnie to samo. Niestety obecnie nie ma rzeczywistego wsparcia dla right 5px bottom 5px.

W rezultacie otrzymałem obraz i dodałem przezroczyste piksele z prawej i dolnej części obrazu, aby uzyskać żądaną pozycję. Nie jest ładny, ale działa doskonale w każdej przeglądarce obsługującej wiele obrazów tła.

Aby uzyskać pełną listę funkcji tła obsługiwanych przez każdą przeglądarkę, odwiedź stronę Standardista CSS3 Background Properties page. Pod pozycją background przedstawia ona 4-wartościowe przesunięcie, które jest obsługiwane tylko przez IE9 + i Operę 11+. To wstyd, ponieważ jest to jedna funkcja tła CSS3, która nie jest obsługiwana we wszystkich obszarach.