Я должен все еще заполнить изображения в Sprite CSS?
Вы можете использовать cross apply для создания подмножества городов и дат, а join - для вашей фактической таблицы. Обычно вы используете таблицу календаря, но здесь, кажется, вам нужны только даты, когда хотя бы в одном городе была запись.
declare @table table (city varchar(64), NoOfRecords int, [Date] date)
insert into @table
values
('Paris',15,'1/16/2018'),
('Rio',20,'1/16/2018'),
('Munich',10,'1/16/2018'),
('New York',25,'1/16/2018'),
('Paris',15,'1/18/2018'),
('Rio',20,'1/18/2018'),
('Munich',15,'1/18/2018'),
('Paris',15,'2/18/2018'),
('New York',20,'2/18/2018'),
('Munich',30,'2/18/2018')
select distinct
x.city
,coalesce(t.NoOfRecords,0)
,x.Date
from (
select
distinct x.city, y.Date
from @table x
cross apply (select distinct date from @table) y
) x
left join
@table t on t.city =
Или с cross join в производной таблице.
select distinct
x.city
,coalesce(t.NoOfRecords,0)
,x.Date
from (
select
distinct x.city, y.Date
from @table x
cross join @table y
) x
left join
@table t on t.city = x.city and t.Date = x.Date
2 ответа
Это не было должно потребность, которая будет дополнена, но при изменении масштаба, особенно в IE8 (беты больше, чем RC), существует выход за край изображения, если нет никакого дополнения.
Лучший пример состоит в том, чтобы перейти к Google.com-> Поиск и масштабирование... Вы начнете видеть "подчеркивания" в правом нижнем углу изображения как раунды изменения масштаба/вниз.
В теории, дополнение 1 пкс на всех сторонах спрайта должно быть прекрасным.
Вот спрайт от Google (изображения)...
, Но при изменении масштаба, +, - x выход за край значков в основной логотип Google.
Говоря о более старых браузерах (те, которые используют текстовое масштабирование), Вам не всегда нужно дополнение.
Основное различие между Вашими двумя примерами - то, что спрайт Ежедневного шоу уже включает текст пункта меню в само изображение.
При использовании текстового масштабирования пункты меню AOL могли растянуться вертикально из-за большего размера шрифта, и текст меню мог бы даже перенестись к двум строкам. Для размещения для таких возможностей тем значкам нужно немного дополнения, чтобы гарантировать, чтобы они не выходили за край. Как правило, Вы просто попытались бы удостовериться, что это не выходит за край ни на одном из пяти размеров текста IE6.
Так как меню The Daily Show не содержит (видимого) текста HTML, его размер не будет затронут текстовым масштабированием (хотя Вам, возможно, понадобился бы a line-height: 0; или так быть уверенным), таким образом, этому не нужно никакое дополнение.
Как scunliffe уже показал, масштабирование страницы использования браузеров, возможно, нуждается в спрайтах, чтобы иметь немного дополнения из-за погрешностей округления.