Единый файл изображения для хранения всех небольших изображений на странице
SELECT min(a.timecol), a.datecol, a.daycol FROM `timetable` a
WHERE a.datecol = (
SELECT min(b.datecol) from `timetable` b
)
Возвращается строка 08:30 16.01.2009.
3 ответа
В основном Вы используете свое единственное изображение в качестве фонового изображения, но перемещаете его прочь (налево и) смещением изображения, которое Вы хотите отобразить. Например, отобразить значок молотка:
.hammer
{
background: transparent url(myIcons.jpg) -50px -50px no-repeat;
}
Но насколько я знаю, необходимо удостовериться, что элемент, это использует фоновое изображение, имеет корректный размер (например, 32x32 пкс).
Поиск Спрайтов CSS даст Вам больше информации.
Это назвало спрайты CSS.
Я - в основном старый прием, используемый в игровом программировании, где Вы загружаете единое растровое изображение, содержащее все "состояния" некоторого объекта, необходимо потянуть, преимущество состоит в том, что этот способ, которым добирается изображение, предварительно загрузил и нет никакой задержки, когда необходимо на самом деле использовать его, в случае CSS, это обычно реализуется при помощи изображения как предпосылки к элементу и применение различных смещений и границ на: парение: активные и "нормальные" классы.
В Блоге stackoverflow существует больше информации
Вот хороший генератор: http://www.csssprites.com/
Вы знаете, что ответ... просит, чтобы Google в этом случае посмотреть на источник страницы с результатами поиска Google, с инструментом как поджигатель и Вы нашли
.w10
background-position:-152px 0;
}
.w10, .w11, .w20, .w21, .w24, .wci, .wpb
background:transparent url(/images/nav_logo4.png) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
height:16px;
margin-left:8px;
vertical-align:bottom;
width:16px;
}
Так весь w10, w11, w20 и т.д. добавляют то же изображение (nav_logo4.png), все зафиксировали высоко и ширина. и все указывают (различное) backgroup-положение.