Описание тега background-position

CSS property that sets the initial position, relative to the background position layer defined by background-origin for each defined background image
2 ответа

CSS - множественное заполнение фонового изображения

У меня есть скрипка здесь ... У меня есть несколько фоновых изображений, установленных в <div>, Тем не менее, кажется, что относительное позиционирование - это все, что разрешено. Есть ли возможность дополнить эти изображения, чтобы они не был…
13 сен '13 в 23:40
1 ответ

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

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

Спрайт не работает (фон не корректируется, а ссылка не существует?)

Это так расстраивает, потому что когда-то это работало, а сейчас нет. У меня есть кнопки социальных сетей внизу сайта, которым я пользуюсь. Я использую фоновое изображение, поэтому, когда пользователь наводит курсор на кнопку, оно меняется с черно-б…
2 ответа

Как я могу исправить фон в div?

У меня есть сайт, и на одной из моих страниц я использую div, который выглядит как редактор. Я могу иметь фон в этом div и содержание над ним. Я хочу, чтобы этот фон оставался в фиксированной позиции, пока я прокручиваю в div. Мой код похож на это: …
06 июл '11 в 09:55
1 ответ

Таймер Javascript с использованием style.backgroundPosition Работает нормально в ff & chrome, не так удачно в IE

Я сделал очень простой таймер обратного отсчета в js, который принимает значения из массива и применяет их к элементам background-position свойство (отображает другую часть изображения в зависимости от значения curS). Вот код: window.onload = timer;…
1 ответ

Есть ли способ исправить положение изображения внутри div без фона?

В настоящее время я интегрирую представление статьи в среде ruby ​​on rails. Я хотел создать div высотой 450px, установить в нем изображение статьи и исправить так, чтобы он выглядел так <div class="image_container> <img src="/path/to/image…
0 ответов

Ошибка анимации с Edge при использовании отрицательного фона

Я использую анимацию с background-position. Когда он работает от отрицательного значения до положительного значения, Edge запускает анимацию в обратном направлении (см. Экземпляр Statement-Left). Он отлично работает в Chrome и Firefox, а также во вс…
1 ответ

Укладка фона: как сделать его видимым под другим div

У меня есть два div столбца, и я применяю большой фон ко второму div и смещаю его с background-position влево. Мне бы хотелось, чтобы он оставался видимым во всей своей полноте и не скрывался под первым div, пока не используются отрицательные поля и…
08 ноя '12 в 16:45
3 ответа

CSS: Background-position + repeat = не работает

Кто-нибудь сталкивался с такой проблемой с CSS раньше? У меня есть заголовок, который установлен на 100% ширины, с изображением на левой стороне (шириной 500 пикселей). У меня есть фоновое изображение, которое я хотел бы заполнить для оставшегося пр…
1 ответ

Фоновые изображения за панелями навигации и позиционирования

Я почти там, где я хочу быть с этим небольшим экспериментом. Я новичок в css3 и до сих пор с удовольствием изучаю некоторые вещи. Я пытаюсь заставить навигационную панель отображать / показывать в div с фоновым изображением над ним. ключ в том, что …
27 апр '15 в 20:55
1 ответ

css background-position поперечный браузер

Я использую спрайт-изображение, содержащее несколько кнопок с их состоянием. background-position работает в Chrome и Edge, но не в Firefox! Скрипка: (если вы запускаете это в Chrome/ Edge, это работает, но не в Firefox) https://jsfiddle.net/bkgrnnmu…
11 июл '16 в 18:28
1 ответ

Как вы изменяете значение X положения фона нескольких элементов, но сохраняете их значение Y одинаковым?

У меня есть 5 элементов, каждый из которых использует один и тот же спрайт значка фонового изображения. Их положение фона установлено по-разному, чтобы нацелить их значок на иконку спрайта. например: .icons{background-image: url('img/sprite.svg');} …
20 янв '15 в 17:19
2 ответа

CSS3 background-position анимация отстает на мобильных устройствах

Я пытаюсь создать эффект прокрутки для фона с помощью CSS3-анимации, например: body { background: url("bg.jpg") repeat-y 0 0; animation: animatedBackground 50s linear infinite; } @keyframes animatedBackground { from { background-position: 0 0; } to …
10 авг '15 в 21:45
2 ответа

jQuery.animate background-position

Как я могу анимировать свойство background-position с помощью функции анимирования jQuery без использования плагина? Я попытался переключиться обратно на 1.4.4, когда была поддержана backgroundPosition, однако, похоже, он работает только в IE, а не …
1 ответ

Wordpress двадцать семнадцать: сделайте фоновую позицию "вершиной" вместо "центра"

Я пытаюсь расположить фоновое изображение (носитель заголовка) в верхней части экрана, а не по центру. Другими словами, я не хочу, чтобы верх был обрезан: только низ. Это может быть так же просто, как "background-position: center top", но я потратил…
17 янв '18 в 08:47
3 ответа

Изменение фона элемента с помощью свойства CSS

У меня есть div с фоном, и я хотел бы изменить положение фона при нажатии. Это мой фрагмент jQuery: $('#sprite').click(function() { $(this).css('backgroundPosition','-40px'); }); Пока все работает нормально, я бы хотел вернуться в исходное положение…
29 июл '09 в 15:13
1 ответ

Как работает background-size и background-repeat?

Вот пример. Я хотел бы обрезать фоновое изображение, а затем использовать обрезанное изображение в качестве фона для большего (по размеру) элемента. Я имею в виду, что div больше, чем его фон, и мне не нужно повторение. Теперь когда background-repea…
1 ответ

CSS Background Gradient со смещением

Я применил градиент в качестве фонового изображения для моего тела. Затем я добавил смещение 255px вверху, используя background-position:0 255px;, Это выглядит довольно хорошо, за исключением одной маленькой проблемы: конечно, градиент не заканчивае…
2 ответа

JQuery, чтобы изменить положение CSS фона на нескольких фонах

Я пытаюсь через jquery изменить положение фоновых изображений элемента в зависимости от разрешения. Код: var pwwidth = $(window).width(); var pwheight = $(window).height(); var bg1posx = pwwidth - $('h1.portofolio').width(); var bg1posy = pwheight -…
1 ответ

CSS background-position 0.1s линейный;

Что означает линейный атрибут в CSS? background-position 0.1s linear; Я смотрю на этот код и не знаком с линейным атрибутом. Как это меняет градиент кнопки? .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-po…
28 май '13 в 19:17