Описание тега css-sprites

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

Возможно ли сделать текст входного значения прозрачным?

Я хочу сделать текстовое значение для "Войти сейчас" прозрачным из тега, из которого я использую следующее... <input type="image" value="Login Now">, я бы просто сделал цвет фона: прозрачный?
06 апр '10 в 19:04
0 ответов

Анимация спрайта в Three.js становится пиксельной

Я пробую анимацию текстуры с помощью спрайт-листа, имеющего более 30 кадров. Однако, несмотря на то, что я могу безупречно выполнить требуемую анимацию, выходные данные становятся пикселированными, если кадры пересекают больше 30. Пожалуйста, дайте …
29 сен '17 в 16:02
0 ответов

Как мое веб-приложение / веб-сайт может поддерживать HTTP/1.1 и HTTP/2? (Комплектация активов)

Согласно этой ссылке и этой ссылке при подготовке к HTTP/2, нет смысла использовать лучшие практики HTTP/1.1, такие как конкатенация файлов CSS/JS и использование спрайтов изображений. Многие меньшие ресурсы, вероятно, лучше для HTTP/2 из-за его неб…
31 мар '17 в 09:54
1 ответ

Как я могу импортировать изображения Sprite в игру Java Eclipse Pacman?

Я пишу игру Pac-Man на Java Eclipse. Я получил функционирование игры, движение, звуки, игровое поле и т. Д. Однако одна проблема заключается в том, что я не могу получить изображения, которые я использовал для PacMan, и для появления призраков, в ре…
08 сен '15 в 04:48
2 ответа

CSS спрайты в WordPress

Я создал спрайт-меню с 5 уровнями. 1-й уровень содержит "HOME" и т. Д., А также "SIGNUP" и "LOGIN". 2-й уровень - это когда 1-й уровень завис. 3-й уровень - когда активен. 4-й уровень аналогичен, однако вместо него есть "Мой СЧЕТ" и "ВЫХОД", а на 5-…
22 июн '11 в 08:47
1 ответ

Альтернатива text-indent:-999em для создания доступных ссылок с фоновым CSS

Недавно я читал о text-indent:-999em может быть ошибочно принят поисковыми роботами за технику спама. Один из наших дизайнеров внешнего интерфейса регулярно использует эту технику для добавления ссылок на области, использующие фоновые спрайты. Возьм…
05 июл '11 в 11:48
3 ответа

Генератор CSS Sprite для проекта Ruby on Rails

В настоящее время я работаю над большим веб-сайтом Ruby on Rails с высокой посещаемостью, и для того, чтобы сократить время загрузки нашей страницы, мы смотрим на спрайты наших фоновых изображений. Кажется, есть много инструментов, но многие находят…
30 сен '10 в 01:37
1 ответ

Оптимизация размера спрайта изображения против запросов http

Я создаю веб-сайт, и дизайн имеет много фоновых изображений, поэтому я использовал спрайты изображений для оптимизации времени загрузки страницы. Дело в том, что у меня есть 3 спрайт-изображения, 2 из которых имеют размер 200 КБ каждое, а размеры не…
15 окт '12 в 07:55
1 ответ

Используйте эффективные селекторы CSS

Согласно PageSpeed, моя новая навигация css sprites не использует эффективные селекторы CSS. Может ли кто-нибудь показать мне, что я делаю неправильно? Very inefficient rules (good to fix on any page): ul.navmenu li a Tag key with 2 descendant selec…
23 апр '12 в 20:11
1 ответ

Проблема с позицией спрайта в CSS

Я пытаюсь создать фиксированную границу для сайта, которая динамически изменяет размер с помощью окна браузера из этого спрайта (это не идеально, я знаю.): http://fc07.deviantart.net/fs70/f/2011/269/7/0/bordersprite_by_nakos-d4ayzne.png ДЕМО на jSFi…
26 сен '11 в 09:09
2 ответа

Центрировать фоновое изображение из спрайта

У меня есть меню следующим образом: <ul> <li><a href="#">First Item</a></li> <li><a href="#">Long Item</a></li> <li><a href="#">Very very short Item</a></li> <li>&lt…
01 июл '13 в 21:31
3 ответа

Как использовать спрайты css

У меня есть спрайт, который я хочу использовать для определения класса, а не id: Я хочу использовать белый, чтобы показать опцию расширения, и черный, чтобы показать расширенное состояние. Для не расширенного состояния у меня есть класс sprite-right…
05 сен '13 в 16:08
2 ответа

Css кнопка спрайт

Я пытаюсь сделать этот Спрайт, но я застрял и не могу найти решение. Скрипка здесь У меня есть простая кнопка: <a href="#" class="ui-button sub-beta-button"> <span class="button-content">Beta Sign-Up</span> </a> и CSS: .sub-b…
27 ноя '13 в 08:23
1 ответ

Firefox и Chrome перестали отображать мой спрайт после 655 изображений

эта проблема Привет, я работаю со спрайтами и получил интересное поведение Firefox и Chrome. Когда у моего спрайта есть 655 изображений или меньше, мой спрайт работает нормально. Но когда он становится еще больше (656 или больше), он не отображается…
01 ноя '11 в 02:06
1 ответ

Почему мои CSS-спрайты не работают?

Просто тестирую CSS-спрайты и не могу заставить их работать по какой-то причине. Codepen здесь: http://codepen.io/mildrenben/pen/VYWxbM HTML: <i class="icon-electrical14"></i> <i class="icon-hazelnut1"></i> <i class="icon-…
25 янв '15 в 16:58
1 ответ

Изменить размер изображения

Я хотел бы изменить размер sprited background-image. Моя картинка-спрайт возвращает после спрайта (?) Изображение размером 8px*8px. Я хотел бы изменить его размер до 80px*80px. Я не могу изменить размер всей картинки, потому что она находится на вне…
17 апр '14 в 21:38
1 ответ

Как я могу использовать одно большое изображение и разбить его на более мелкие части для веб-сайта?

Итак, я видел метод, который, кажется, используют несколько человек, когда у них есть одно большое изображение (если хотите, изображение основного шаблона), и после того, как это изображение загружено, существует какой-то сценарий или код, который м…
01 мар '12 в 23:44
1 ответ

Есть ли хорошие альтернативы генератору спрайтов Compass? (Rails генераторы спрайтов)

Мне было интересно, есть ли какие-нибудь библиотеки, которые делают то, что делает генератор спрайтов Compass? Мне очень нравится эта особенность Compass, но я не хочу остальной части фреймворка. Мне просто нужно что-то, что создает спрайт с папкой,…
15 апр '15 в 18:56
5 ответов

Проблемы с кэшем при получении изображений с сервера

Я создаю веб-сайт, на котором используются различные css-спрайты. Но моя проблема в том, что когда я делаю какие-либо изменения в загруженном изображении, иногда оно не отражается в браузере клиента, потому что иногда страницы и их данные, такие как…
05 июн '14 в 03:46
1 ответ

Альтернатива данным URI или спрайтам?

У меня тут немного сложная ситуация. Я намерен сэкономить на HTTP-запросах, что, естественно, замедляет загрузку страницы по мере увеличения количества запросов. Моим первым решением было пойти на спрайты. Однако я не могу правильно масштабировать с…
21 фев '14 в 16:06