|
|
|
| Вот на mail.ru сделано как-то, но я не понял как.
Одно фоновое изображение с разными иконками, а отображаются для каждой ссылки отдельные части (иконки) этого изображения. Как это сделать? Спасибо. | |
|
|
|
|
|
|
|
для: maxam
(31.08.2011 в 04:07)
| | http://habrahabr.ru/blogs/css/115834/ | |
|
|
|
|
|
|
|
для: maxam
(31.08.2011 в 04:07)
| | Кажется я непонятно выразился.
Вот представьте, есть картинка:
|-------------------------|
| s l |
| s l |
| s l |
|-------------------------|
|
Мне нужно из этого изображения для фона отобразить лишь половину, чтобы видно было:
-------------|
l |
l |
l |
-------------|
|
Вот каким кодом CSS это можно сделать? | |
|
|
|
|
|
|
|
для: Maxam
(31.08.2011 в 22:24)
| |
background: url(sprite.gif);
background-position: left top;
|
| |
|
|
|
|
|
|
|
для: Maxam
(31.08.2011 в 22:24)
| | может вы пример посмотрите?
управляйте свойствами background-position | |
|
|
|
|
|
|
|
для: Maxam
(31.08.2011 в 22:24)
| | То что по ссылке вы читать конечно не пробовали? | |
|
|
|
|
|
|
|
для: Гость
(01.09.2011 в 06:05)
| | Конечно пробовал. Там параметры, которые не поймёт старый браузер. | |
|
|
|
|
|
|
|
для: Maxam
(01.09.2011 в 09:50)
| | например | |
|
|
|
|
|
|
|
для: Maxam
(01.09.2011 в 09:50)
| | Да там слегка это дело наворочено. Но в самом же начале написано что это работает везде. По теме - гуглите любую статью на тему "css sprite". | |
|
|
|
|
|
|
|
для: maxam
(31.08.2011 в 04:07)
| | Нашел пример:
.plus {
display:block;
width:9px;
height:9px;
background:url(img/sprite.png) no-repeat scroll -10px 0px;
float:left;
} | |
|
|
|