12 декабря 2009-го
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
12 декабря 2009, 14:00
Универсальный метод декорирования блоков (via chikuyonok.ru)
В этот методе, для декорации блока (даже инлайнового), используется всего 5 элементов (4 декорируют) и один спрайт (картинка с декорацией).Процитируем из сайта автора:
- Первая область: растягивается по горизонтали и вертикали, background-position: top left;
- Вторая область: ширина фиксированная, растягивается по вертикали, background-position: top right;
- Третья область: растягивается по горизонтали, высота фиксированная, background-position: bottom left;
- Четвертая область: ширина и высота фиксированная, background-position: bottom right.
зы: Казалось бы всё хорошо, но не забываем о ИЕ6. Он считает паддинги по своему, поэтому для него дополнительный стиль. А для того что-бы работали прозрачности в IE6-7, используем известный IE6 PNG-fix
ззы: Блок, в котором находится вся красота, не забываем делать либо position:absolute; либо position:relative;, а то всё полезет.
Удачи!
нет комментариев
| 11 декабря 2009-го | ← | Ctrl | → | 13 декабря 2009-го |
