Вопросы по теме 'css-sprites'
Как я могу заставить DIV вести себя как IMG для использования в качестве спрайта CSS?
Я написал код, который автоматически создает спрайты CSS на основе тегов IMG на странице и заменяет их DIV с (как я думал) подходящим CSS для позиционирования изображения спрайта в качестве фона, позволяющего отображать соответствующую часть -...
10331 просмотров
schedule
27.01.2023
Переключатель jQuery для изменения изображения
У меня есть список div с изображениями в них:
<div class="wizard-img"><%= image_tag("sources/pix/nyt.png") %></div>
<div class="wizard-img"><%= image_tag("sources/pix/theguardian.png") %></div>
Когда...
53668 просмотров
schedule
24.11.2022
Раздвижные двери и спрайты CSS с навигацией с вкладками — не выглядят такими вкладками
Эй, я пытаюсь заставить эту навигацию работать хорошо:
http://www.moreheadplanetarium.org/redesign/nav.html
Я не могу понять, почему фоновое изображение «текущей» вкладки выходит за пределы ссылки. Он не делает этого в других состояниях...
671 просмотров
schedule
20.05.2022
Должен ли я использовать технику спрайтов для эскизов на моем веб-сайте?
На веб-сайте, который я создаю, у меня есть около 100 различных миниатюр (64x64), которые отображаются в разное время. На некоторых страницах может отображаться только 5-15 эскизов. На других загружаются все 100.
Я рассматриваю возможность...
1964 просмотров
schedule
22.04.2022
Кеширует ли браузер фоновые изображения CSS?
Когда у меня есть одно и то же изображение, используемое для разных элементов (изображения спрайтов), я обычно не вызываю это изображение снова, поскольку это новый HTTP-запрос.
Я предпочитаю использовать:
element1 {
background:...
6272 просмотров
schedule
02.07.2022
использовать спрайты CSS для фонового изображения списка (‹li›)
Можно ли использовать спрайты CSS для фонового изображения списка? Обычно я визуализирую свои спрайты с помощью CSS следующим образом:
.sprite { background: url(sprite.png) no-repeat top left;}
.sprite-checkmark { background-position: 0 -24px;...
56427 просмотров
schedule
15.03.2022
Как работают спрайты CSS?
У меня есть 3 разных изображения, и я хочу создать спрайт с помощью CSS. Я понимаю, что это уменьшит HTTP-запросы. Тем не менее, я совершенно новичок в этой концепции и понятия не имею, как к этому подойти.
Что было бы лучшим выбором для меня?...
1375 просмотров
schedule
24.12.2022
css-спрайты: какой элемент html используется для фоновой позиции?
Мне интересно, для использования спрайтов css, какой тег html лучше всего?
Я имею в виду, что могу использовать
‹ img src="trasparent.png" style="background-position:ecc"> или ?
Я видел, как Google использовал ‹ span> вместо «o» в G"o o o o...
653 просмотров
schedule
26.05.2023
Максимальные размеры изображения в спецификации браузера/CSS?
Я хочу отобразить страницу, содержащую около 6000 крошечных миниатюр изображений (40x40 каждая). Чтобы не делать 6000 HTTP-запросов, я изучаю спрайты CSS, то есть объединяю все эти миниатюры в одну длинную полосу и использую CSS для обрезки...
11680 просмотров
schedule
24.11.2022
Иконки социальных сетей IMG или фоновые изображения CSS?
Я нахожусь на грани кодирования около 8 значков социальных сетей на сайте в качестве тегов img или якорей с фоновыми изображениями CSS, которые используют спрайты.
Я хотел бы провести здесь опрос, но мне интересно услышать от вас все, что вы...
2015 просмотров
schedule
30.06.2022
создание цикла с несколькими спрайтами?
у меня есть столбец спрайтов, когда один спрайт уходит с экрана, я хочу, чтобы один и тот же спрайт обернулся вокруг противоположной стороны, чтобы два спрайта отображались одновременно, когда один перемещается по экрану, другой выходит на экран, а...
325 просмотров
schedule
04.04.2023
Есть ли способ найти точное местоположение спрайтов css?
У меня есть изображение с множеством значков, и я хочу узнать точное местоположение изображения каждого значка, используя спрайты CSS и CSS, который следует использовать, есть ли инструмент, который я могу использовать для этого для меня, или...
177 просмотров
schedule
12.02.2023
Как использовать спрайты CSS с текстовым полем?
Я пытаюсь использовать спрайты CSS в текстовом поле. Размеры изображения составляют 200x50 пикселей, и я хочу отображать только часть изображения, скажем, из (25 пикселей, 25 пикселей) (координаты x, y) с высотой 30 пикселей и шириной 50 пикселей....
2808 просмотров
schedule
14.03.2024
CSS Sprites - Как оставить кнопку Hover в нажатом состоянии
CSS Sprites (кнопка) с тремя разными состояниями:
Стандарт
Наведите курсор
Нажато (активно)
В настоящее время работают «Стандарт», «Наведение» и «Нажатие». Проблема в том, что «Нажато» остается нажатым только при удерживании мыши. Я...
6566 просмотров
schedule
29.04.2023
Есть ли ограничения на то, насколько высокими / широкими могут быть CSS-спрайты-карты?
Позвольте мне начать с утверждения, что я понимаю аргументы против создания CSS-спрайтов для больших изображений. Я даже задал вопрос о том, почему это могло быть считается плохой идеей (и добавил ответ мой собственный ). Теперь, когда мы...
4304 просмотров
schedule
20.04.2023
Как работает спрайт фоновых изображений кнопок в Gmail?
Только что заметил, что спрайт, используемый Gmail для фона кнопок в пользовательском интерфейсе, выглядит следующим образом:
И все мы знаем, что это настоящие кнопки в действии:
До сих пор (и даже сейчас) моя идея заключалась в том, что...
476 просмотров
schedule
21.01.2023
Любые ресурсы и файлы CSS Sprites
Несмотря на то, что существует множество ресурсов для иконок, бесплатных графических файлов, почему я не могу найти ни одного, на котором размещены изображения CSS Sprite, чтобы, как веб-разработчик, я экономил время на загрузке, укладке и выполнении...
258 просмотров
schedule
15.09.2023
Умные макеты спрайтов Compass
Согласно документации http://compass-style.org/help/tutorials/spriting/sprite-layouts/ Есть способ создать «умный» макет спрайта, потому что меня не устраивает вертикальный.
привет.сасс
@orange-layout:smart
@import "orange/*.png"
@include...
981 просмотров
schedule
13.05.2022
CSS спрайт - движущийся фон для навигации (наведение, активный и т. д.) + пробелы между элементами
Я делаю навигационное меню со спрайтом CSS, где вместо того, чтобы загружать множество изображений, вы объединяете их все вместе и можете видеть наведение, активные эффекты, перемещая фоновое положение, то есть...
1862 просмотров
schedule
29.04.2024
CSS-спрайты работают в FF12, но не в IE8
Этот HTML-код...
<a href="LINK" class="testclass"></a>
...работает с этим CCS-кодом...
a.testclass
{
background: transparent url(sprite.png) no-repeat -125px -671px;
display: block;
width: 378px;
height:...
1678 просмотров
schedule
20.06.2022
