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

Свойство CSS для установки положения фонового изображения.
2 ответа

background-attachment: исправлено на мобильном телефоне

Я пытаюсь установить фоновое изображение для веб-приложения spn, и мне нужно исправить фон (чтобы он не прокручивался с остальной частью страницы). это тело css: body { background-color: rgb(51, 102, 102); background-image: url('../images/background…
16 дек '16 в 18:31
1 ответ

Линейный градиент не работает при использовании с "background-attachment: fixed"

Я пытаюсь сделать линейный градиент с процентными точками останова при использовании "background-attachment: fixed". Это не работает, как я ожидал. Я сделал очень простую скрипку по поводу моего вопроса. https://jsfiddle.net/f8v1h0ac/ HTML <body&…
1 ответ

background-attachment:fixed и background-size: cover делает изображения исчезающими в Chrome

Я думаю, что это общая проблема с Chrome, но я не мог найти обходной путь. Смотрите мой код здесь (jsfiddle) Отображаются первые два фоновых изображения, но фоновые изображения #sec3 и #sec4 не отображаются в Chrome в Mac OS. Firefox и Safari работа…
20 июл '13 в 15:05
1 ответ

Исправлена ​​ошибка, из-за которой фон не работал в Chrome

Я имею background-attachment: fixed; на моем разделе героя, и он работает в Firefox и Safari, но не в Chrome. Я могу заставить его работать, изменив на position:relative; а также z-index: -1; но затем кнопки внутри героя становятся непригодными для …
3 ответа

Background-Attachment: исправлено, не работает на iOS

Я пытаюсь найти решение проблемы с фиксированными фонами на устройствах iOS. Я бы предпочел не перепроектировать все для этого сайта, и я надеюсь, что некоторые изменения CSS могут это исправить. Так выглядит сайт на iPhone, и так он и должен выгляд…
03 янв '17 в 05:22
0 ответов

background-attachment: исправлено не работает?

Возникли проблемы при попытке получить фоновое вложение: исправлено; работает правильно. Фотография второго раздела помещается в странное место с фоновым прикреплением: исправлено, не работает. В настоящее время я использую фонд ZURB, а также fullpa…
2 ответа

CSS - background-attachment: исправлена ​​не остановка прокрутки (тема tumblr)

Я делаю код для темы Tumblr и сталкиваюсь с этой проблемой: "фоновое вложение: исправлено" не мешает фоновому изображению прокручиваться вверх и вниз; это все еще перемещается с содержанием. HTML <div id="content"> <div id="posts"> posts…
28 сен '15 в 00:36
0 ответов

CSS: background-attachment: fixed и border-radius

У меня есть сайт с большим фоновым изображением. Теперь я хочу добавить круглые кнопки / ссылки, которые также имеют фоновые изображения. Это хорошо отрисовывается в Chrome и IE, но Firefox показывает уродливую коробку с тем же background-color что …
0 ответов

Локальный CSS-фон вложения и проблема нижнего положения с Edge/IE

Я пытаюсь показать градиент в конце прокрутки содержимого с помощью линейного градиента с background-position: bottom а также background-attachment: local, Это прекрасно работает во всех браузерах, кроме IE и Edge. Я мог бы просто принять это как ес…
0 ответов

Android: Как добавить вложение в фоновую электронную почту?

Я пытался автоматически отправлять электронную почту в фоновом режиме, используя JavaMail API, и это работало нормально. Сейчас пытаюсь добавить вложение изображения автоматически в фоновом режиме, но не нашел пути. Любой исходный код будет действит…
0 ответов

CSS background-attachment: исправлено; ломается при перетаскивании вкладки Chrome на монитор большего размера

Я пытаюсь реализовать эффект параллакса, и он отлично работает на моем меньшем мониторе, но когда я перетаскиваю вкладку на свой основной монитор большего размера, чтобы увидеть его там, он сразу же не работает. Изображение, вместо того, чтобы остав…
23 сен '18 в 03:47
1 ответ

background-attachment: исправлена ​​ошибка в Chrome только для Retina

При использовании background-attachment: исправлено, я нахожу проблемы с тем, как Chrome отображает фоновое изображение только на экранах сетчатки. Firefox и Safari работают как задумано. Я также заметил, что я могу заставить его работать в Chrome, …
1 ответ

Прикрепить изображение в верхней части страницы, без прокрутки для img, в элементе body

У меня следующая проблема. Я думаю, что есть быстрый способ сделать это, но сейчас я не могу найти способ решить это. Итак, у меня есть изображение, и я хочу, чтобы оно было в качестве фонового изображения ТОЛЬКО в верхней части страницы в <body&…
2 ответа

Как эти фоновые изображения остаются такими же?

Я не был уверен, как назвать этот вопрос, так что надеюсь, что заголовок правильный. Я собираюсь работать над этим сайтом для нового клиента, и они сказали, что хотят что-то похожее на то, что делает этот сайт ( http://www.buzzardfilm.com/). Вы увид…
1 ответ

CSS несколько фиксированных фоновых элементов psuedo

Я пытаюсь создать эффект прокрутки параллакса, используя только CSS и без сторонних библиотек. С помощью background-attachment: fixed Мне удалось добиться эффекта, который я хотел получить на нескольких полных элементах div на моей странице. Однако …
07 апр '17 в 12:46
2 ответа

Фоновое изображение не будет прокручиваться с содержанием

Я сталкиваюсь со странной проблемой CSS, которая является для меня настоящим убийцей. Независимо от того, какой CSS я применяю, мое фоновое изображение не будет прокручиваться вместе с содержимым страницы. Это то, что я установил как тело CSS: backg…
11 ноя '13 в 02:58
1 ответ

Как фоновое прикрепление: исправлено в div, а не в окне просмотра

У меня большая фоновая обложка. <div id="cover"> ... </div> И CSS #cover { background:url('cover.jpg') no-repeat fixed center center / cover; height: 350px; width: 100%; } Ожидаемый результат: фоновое изображение, измененное до 350px x 1…
0 ответов

background-position не применяется с фиксированным фоном

Это мой CSS element.style { background-image: url("photo.jpeg"); background-attachment: fixed; background-size: cover; background-position: 50% 66%; } Положение фотографии остается (0% 0%), как будто background-position никогда не существовало Кто-н…
1 ответ

Имитировать тот же эффект, что и в фоновом режиме, для свойства заполнения текста SVG

У меня есть SVG с <text fill='url(#img1)'>Hello</text> однако, при прокрутке я хотел бы получить эффект параллакса с фоном, выполнив то же самое, что и для div, установив его фон с background-attachment:fixed, Есть ли способ достичь этог…
13 авг '13 в 12:25
1 ответ

То есть 11 странных тряски при прокрутке

У меня есть проблема. В настоящее время я работаю над сайтом, но решил не обращать особого внимания на IE, так как это одностраничный сайт, и мы выбрали аудиторию, поэтому мы решили, что IE не является главным приоритетом. Сейчас я проводил тестиров…