- основен
- Блог
- Класиране фон от долния десен ъгъл елемент
Когато vorstke шаблони на сайтове често е необходимо да се позиционира фоново изображение се отмества от десния или долния ръб на HTML-елемент. За дълго време, вие трябва да се изгради в празно пространство, съответстващо на размера на изображението директно в, защото не е имало такава възможност CSS. Това е довело до намаляване на гъвкавостта (за промяна на вдлъбнатината трябва да бъде възстановяване на изображението) и увеличава размера на файла и паметта консумацията на браузъра.
Ситуацията се променя в резултат на «фонове и граници» на модул CSS3, сравнително наскоро се присъедини към състоянието на Препоръка кандидат. При условие, че се обновява на синтаксиса на CSS-фон-позиция имот ви позволява да определите произволни компенсации от дъното и / или десния край на елемента:
фон-позиция: дъно 10px надясно 20px;
В този пример, изображението ще бъдат привлечени към долния десен ъгъл на елемент и по този начин ще защитава в точки 10 и 20 от дъното и десният край на елемента, съответно.
Официално описание на новия синтаксис в спецификацията:
Ако зададете стойност 3 или 4, всяка числова стойност съответства на вдлъбнатината и трябва да следва след ключовата дума, която показва вдлъбнатината от всяка от страните на елемента се определя. Ако зададете стойност 3, липсващата стойност се приема за нула вата.
Уау, половината от Интернет "pereguglil" и е установено, само тук. Дори и в най-популярните и редовно актуализирани онлайн директории не е намерен, а статията е вече отдавна.
Благодаря за възраст.
Благодаря за това ми трябваше това тя работи чудесно като заместител на Jquery фон-позиция емисия бях като се опитва да анимирате този имот.
Това все още ми позволява да анимирате контейнера и чрез определяне на позицията, от дъното той остава в позицията имам нужда от него, за да.
Уау! Тя # е готино! Благодаря ви много!
Платон, ако отклонението от долния ръб (стойност, след като на дъното на ключови думи) не е необходимо, то трябва да бъде лесен за нулиране (или не е зададена на всички) и настроите желаната стойност за дясното тире само (стойност след вдясно):
фон-позиция: долния десен 10px;