Вопросы с тегом 'css-sprites'

В этой статье http://css-tricks.com/css-sprites/ говорится о том, как обрезать меньшее изображение с 1 большего изображения. Можете ли вы рассказать мне, возможно ли это/как я могу обрезать меньшее изображение, а затем масштабировать обрезанный участ...

Есть ли хорошие инструменты для создания спрайтов css? ИДЕАЛЬНО Я бы хотел дать ему каталог изображений и существующий .css файл, который ссылается на эти изображения, и создать им большое изображение, оптимизированное со всеми маленькими изображени...

Я использую прозрачное изображение 1x1 с фоновым изображением, чтобы иметь возможность использовать спрайты и по-прежнему предоставлять альтернативный текст для некоторых значков. Я хочу использовать URI данных для изображения, чтобы уменьшить колич...

У меня есть этот HTML: <div id="graphic">lorem ipsum</div> с этим CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} Фоновое изображение, которое я применяю, составляет 200x100 пикселей, но я хочу только...

Я понимаю, как использовать спрайты, однако, это не атрибут "src", необходимый для тегов IMG? Я всегда мог использовать SPAN или другой тег и устанавливать фон /width/etc, но он не будет семантически правильным. В принципе, я бы хотел опустить SRC д...

Я хочу использовать CSS спрайты на веб-сайте вместо отдельных файлов изображений, для большой коллекции маленьких значков, которые все одинаковы размер. Как я могу конкатенировать (разбивать) их на одно большое изображение, используя ImageMagick?

Можно ли использовать спрайты CSS для фонового изображения списка? Обычно, я делаю спрайты с CSS следующим образом: .sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23p...

Я ищу приличный генератор спрайтов изображений. Я пробовал http://spritegen.website-performance.org/, но он недостаточно "умный", чтобы обрабатывать несколько измерений изображения и объединять их с несколькими пробелами между изображениями. Любые п...

Я использую Compass (CSS Framework) для создания спрайтов. Он работает, но компас генерирует только фоновое положение для каждого изображения. Можно ли также получить ширину и высоту для каждого изображения в спрайте? Это мой код: @import "ico/*.p...

Одна вещь, которую я заметил на некоторых сайтах, заключается в том, что они используют одно изображение BIIIIIIIG, содержащее множество маленьких изображений, затем используйте CSS background-position для определения координат каждого изображения, ...

При создании веб-страниц один из моих коллег отображает любой логотип с использованием свойства background-image CSS, а не встраивает изображение с помощью тега <img>. Коллега сообщил, что это сокращение количества HTTP-запросов. Он также пока...

В CSS Sprites вы часто найдете отступы между каждым изображением. Я считаю, что идея такова, что если страница будет изменена, то одно изображение не будет кровоточить в другое. Я думаю, что это зависит от различных типов масштабирования браузера (л...

В недавних тенденциях я видел людей, которые анимируют CSS-спрайты с использованием JavaScript вместо использования анимированных GIF файлов? Пример: http://www.google.com/doodles/eadweard-j-muybridges-182nd-birthday (на самом деле, Google использ...

Я показываю кучу уменьшенных изображений, и задержка может быть очень высокой (через VPN), поэтому я отправляю все миниатюры в один файл (например, спрайт) и устанавливаю свойства фонового изображения и фоновой позиции CSS div для отображения эскизов...

У меня есть элемент div, например ширина 200px и высота 200px. Мне нужно небольшое изображение, которое появится в верхнем правом углу div. Как обычно это делалось бы с помощью background: url(/images/imagepath.png) top right; Однако проблема в то...