Skip to main content

Вопросы с меткой [background-image]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
20 показов

Не могу убрать фон картинки в CustomTkinter

У меня проблема, при добавление PNG картинки на экран, то фон ее картинки остается прежним цветом как и стандартный фон окна (черный). Вот сам код: import customtkinter as ctk from PIL import Image ...
AYUHIK's user avatar
  • 11
0 голосов
1 ответ
53 показа

На кнопке не отображается картинка

Пишу веб-программу по учету заказов. К каждой строчке таблицы добавлена кнопка редактировать(синяя), удалить (красная). Кнопки стилизованы внешней таблицей готовый css-стилей. Кастамизирую стиль путем ...
Qwer's user avatar
  • 310
0 голосов
1 ответ
111 показов

Как плавно изменять фон сайта при нажатии на определенное изображение/кнопку и запомнить выбранное изображение в текущей или следующих сессиях?

Сайт делаю на тильде, извините. Я только учусь и не умею писать полноценные коды. Перепробовал уйму вариантов с форумов, вопрос оказался актуальным, но ни один код не смог нормально вписать в тильду. ...
Dvalord's user avatar
1 голос
1 ответ
102 показа

background-image не ставит картинку

Уже все проверял, но картинки нету. :с <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&...
teamPandas's user avatar
0 голосов
0 ответов
33 показа

Диагонально двигающаяся бесконечная картинка в фоне widget'а в Dart/Flutter

Необходимо реализовать загруженную из интернета картинку в фоне элемента, повторить (repeat=true) по двум осям и анимировать движение по диагонали. :root { --backgroundSize: 150px; } body { ...
Dezigl's user avatar
  • 95
0 голосов
1 ответ
26 показов

не отображается background image в css

Хотя панель разработчика видит картинку, и в целом css подключен правильно (это можно проверить тем, что остальные изменения применяются на кнопке), фоновая картинка все равно не отображается. Какая ...
sharkavli's user avatar
0 голосов
1 ответ
34 показа

Расположение блоков css как на фото

Всем привет, как мне расположить эту иконку с собачьей лапой поверх фотографии как на этом скриншоте? Спасибо)
Danil Ovchinnikov's user avatar
0 голосов
1 ответ
20 показов

background-image не видит картинку в блоке/теге

Использую vue3. Вообще я переношу верстку в компоненты. Но все скрипты и стили были подключены к основному HTML файлу. Проблема заключается в том, что в блоке с классом "top", он не видит ...
Лёха's user avatar
-1 голос
2 ответа
49 показов

Проблема с картинками при открытии HTML файла

При открытии файла HTML изображения не открываются, при запуске того же файла через Live-server, картинки подгружаются нормально. Проблема только с этими изображениями и только в этом участке кода #...
Valerii's user avatar
0 голосов
0 ответов
56 показов

Как динамически в программе менять background-image в QTableWidget?

Есть однострочная таблица, могу в ней поставить фон с помощью стилей. QTableWidget.setStyleSheet('background-image: url(tmp_qpix.png)') Но мне нужно вместо tmp_qpix.png использовать Qpixmap, QImage ...
Павел's user avatar
0 голосов
2 ответа
47 показов

Попытка подключения фона в CSS

пытаюсь в который раз, с помощью свойства CSS - "background-image" задать относительный путь к картинке. С проектом работаю через SublimeText3, создал новый файл css, и новый html - файл, с ...
DiMoN GO's user avatar
-1 голос
2 ответа
70 показов

Нужно вставить изображения в черную область, возможно как-то через overflow-hidden

Нужно вставить изображения в черную область, возможно как-то через overflow-hidden,тогда как сделать такую форму для div ?Нужно сделать на CSS.Хелпните, плиз
Alex's user avatar
  • 1
0 голосов
1 ответ
248 показов

Можно ли двигать BackgroundImage в Windows Form или создать аналогию движущегося заднего фона?

Можете ли подсказать, как можно двигать BackgroundImage в форме, на лево или в право ? Уточняю: Я знаю, что можно создать PixtureBox, отодвинуть его в самую заднюю часть и двигать плюсуя или минусуя ...
Vlad's user avatar
  • 25
-1 голос
1 ответ
76 показов

как добавить background-image поверх <a href>

Подскажите пожалуйста, не совсем понимаю как наложить картинку(галочка на скрине) на фон. Насколько понял задание, такие вещи нужно делать через background-image: url("...") и вроде-бы как ...
Valentyn Ignatenko's user avatar
0 голосов
1 ответ
75 показов

Обрезается и/или не отображается нижняя часть фонового изображения

На планшете и смартфоне отображается плавно, а на десктопе в HD, FullHD нижняя часть "обрезается". Код привести не могу, так как его много, а где кроется суть не знаю. Если менять масштаб в ...
Otkambinok's user avatar
0 голосов
0 ответов
18 показов

Как определить путь к фоновому изображению

Никогда не использовал фоновые изображения, тут споткнулся на галерее на них основанной. Не могу понять как указать путь к фоновому изображению. Обычный img отображается а div нет. <div style="...
Andy_bat's user avatar
0 голосов
2 ответа
418 показов

Как правильно верстать карточки?

Необходимо сверстать карточку (решила делать через background-image), но не очень понимаю как сделать: отступ от картинки для текста (без понятия как задать display: block к background-image) как ...
telepuz's user avatar
  • 21
0 голосов
1 ответ
127 показов

Получить background-image div'а без повторной загрузки изображения

Если у контейнера стиль background-image: url , то можно ли средствами js получить это изображение, не загружая его повторно? сам url получить получается, но загружать снова по этому адресу - не ...
Николай's user avatar
0 голосов
1 ответ
584 показа

Как затемнить фоновое изображение?

Есть элемент-иконка со свойством: background-image: url(/static/media/icon.svg); Я могу ее довольно просто осветлить при наведении через свойство opacity, но можно ли подобным образом сделать ее ...
levensta's user avatar
0 голосов
3 ответа
1k показов

Цвет SVG background-image

Есть SVG катинка, в которой для path задан цвет (fill). Эта картинка используется в качестве фона (background-image) для div. Задача сделать темизацию таким образом, чтобы в зависимости от темы fill ...
posix's user avatar
  • 379
0 голосов
1 ответ
313 показов

Консоль выдает ошибку: Uncaught TypeError: Cannot set properties of null (setting 'src')

Как сделать так, чтобы у картинки изменился backgroundImage? <div id='photo' style="background-image: url('img/image.png');"> </div> <script> var photo = document....
Shkarol's user avatar
0 голосов
1 ответ
121 показ

Проблема с background-image

По какой-то причине картинка не вставляется, путь точно верный. Div, фон которого - картинка(должна быть) <div class="first"> <h1 class="company">Наша ...
Дмитрий's user avatar
0 голосов
1 ответ
728 показов

Webpack. Ошибка вовремя загрузки изображения

Изучаю Webpack и столкнулся с проблемой добавления картинки с помощью bg-img в css. При этом, если загружаю картинку в js с помощью import, то при дальнейшем выводе ее в консоль - она открывается. В ...
GivNeyt's user avatar
  • 64
4 голоса
1 ответ
64 показа

Не работает backgroung-image

У меня не работает backgrounde image, я знаю что я указал неправильно путь. Я уже пересмотрел все форумы с этим вопросом и не один из советов не помог body{ background-image: url("../...
Александр's user avatar
2 голоса
1 ответ
751 показ

css: фильтры для заднего фона

Не подскажете, есть ли в css фильтры для background, особенно интересен hue хочу при наведении мышки на блок менять иконку-задний фон, но не хочу ее перерисовывать в том же фотошопе и вставлять в div:...
Zhihar's user avatar
  • 37.8k
1 голос
0 ответов
130 показов

Почему SVG-файл не добавляется в качестве фона через CSS-свойство background-image?

Я пытаюсь сделать размытие фонового изображения. Для этого в папку /img я положил растровый исходник (bg_seller_hub.jpeg) и создал SVG-файл, который должен применить к нему размытие: <svg width=...
romaro's user avatar
  • 11
1 голос
1 ответ
321 показ

Как разделить картинку (WPF C#)&

Подскажите как разделить картинку(программно) на прямоугольники как показано на картинке.(Рамки это border'ы). Часть фоновой картинки должна быть привязана к бордеру который находится над этой ...
Pyt's user avatar
  • 25
0 голосов
1 ответ
54 показа

Как реализовать верстку (фоновое изображение)?

Подскажите, пожалуйста, как лучше реализовать верстку следующего дизайна? По тз необходимо, чтобы первый экран растягивался на всю высоту вьюпорта, т.е min-height: 100vh; Из данного макета я могу ...
Oksana Kirichuk's user avatar
0 голосов
1 ответ
41 показ

Не работает background-image. Что не так?

Вот код. Ссылка правильная * { padding: 0; margin: 0; } .parent { width: 200px; background-image: url(https://i.postimg.cc/gcBRYX0p/unnamed-3.jpg); } <div class="parent"></div>
Eva's user avatar
  • 1,909
4 голоса
2 ответа
1k показов

Не выводится svg-иконка через background-image CSS

Почему не выводится svg-иконка, добавленная через background-image CSS? Код: .icon-social{ display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px ...
word's user avatar
  • 2,820
2 голоса
1 ответ
1k показов

Почему пропадает изображение если я ставлю background no-repeat?

Что следует поменять что бы изображение не дублировалось? Если я ставлю: background-image: no-repeat; то изображение вообще пропадает. Код: .header { background-image: url(image/Hero.png) t; ...
Ваня's user avatar
0 голосов
0 ответов
66 показов

Замена background-image в email рвссылках

Смотрел https://www.youtube.com/watch?v=TNCaCDFKJfc на 5:28 и на 13-й строке написано, что не нужно использовать background-image, потому что outlook не поддерживает. Что можно использовать вместо ...
tirelessfinder's user avatar
0 голосов
0 ответов
533 показа

Наложение полупрозрачного оверлея на элемент с background-image

Всем привет, у меня такой вопрос: Я прохожу курс по bootstrap 4. В этом курсе его автор демонстрирует технику затемнения background-изображения через наложение на него темного полупрозрачного оверлея. ...
bratislavka21's user avatar
0 голосов
0 ответов
70 показов

не находит картинку по относительному пути в инлайновом background-image

<img src="img/about-us1.jpg" alt=""> <div class="swiper-slide"style="background-image:url(img/about-us1.jpg)"></div> не подключается ...
Andrey Savchenkov's user avatar
0 голосов
1 ответ
211 показов

Как отрегулировать высоту background-image?

Подскажите, как убрать пустоту снизу? body { margin: 0; box-sizing: border-box; background-image: url("../img/site-bg.png"); background-repeat: no-repeat; background-size: cover; ...
Iliya V. Soldatkin's user avatar
1 голос
1 ответ
23 показа

Не отображает изображение background: url('images/AboutU.png') repeat-y center

Не отображается картинка в header. Выводится только при условии, если дальше отдельно пропишу <img src = "images/AboutU.png". Помогите найти причину сего затруднения <!doctype html> <...
Carol's user avatar
  • 11
0 голосов
2 ответа
54 показа

Как сверстать такой background image c внутренней рамкой?

Задача сверстать такой background c внутренней рамкой, ссылка на макет https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2
Yaroslav Bondar's user avatar
0 голосов
2 ответа
56 показов

Не применяется картинка в background

Не могу применить background. И так и сяк. Бес понятия, что такое. До этого все было ок! css .intro { background: url("../img/main/bg2.jpg") center no-repeat; background-size: cover; } html ...
Xomie's user avatar
  • 1
0 голосов
1 ответ
432 показа

Подложка (картинка) из CSS в админку WP

На первом экране сайта, как подложка лежит картинка. Она затянута не через HTML, а через CSS. .header-bg { background: url(../img/sec1/sec1_bg.jpg) no-repeat; background-size: cover; height: 100vh; ...
Cobra777's user avatar
1 голос
1 ответ
186 показов

Перекрытие двух изображений [закрыт]

Необходимо сделать перекрытие фоновой картинки(с background-image) с картинкой внутри этого фона. Чтобы картинка была под фоном (background-image) и просвечивала через фон(в фоне есть прозрачные ...
Тимур Виноградов's user avatar
1 голос
3 ответа
268 показов

Фон картинкой в CSS

Всем привет:) Не могу фон сделать под размер страницы, постоянно фон как бы не помещается на страницу. Все говорят про background-size: cover; Но он у меня никогда нормально не работал. Так же ...
O.Yudin's user avatar
  • 322
1 голос
2 ответа
74 показа

Как выставить высоту фонового изображения к границе экрана ? Какие есть способы?

Просто напишите способы,а я разберусь, пробовал vh, но адаптивность тогда в 0.
filicaliva's user avatar
0 голосов
1 ответ
31 показ

Позиционирование background

Делаю лендинг на bootstrap 4 (применяю только сетку). Нужно поставить фоны для блоков. Не могу понять, как правильно их ставить, подключить и спозцонировать, чтобы они были за блоком container, то ...
ancores's user avatar
  • 105
0 голосов
2 ответа
375 показов

Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона

Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
Flandered's user avatar
1 голос
1 ответ
65 показов

Как загружать изображения в формате, поддерживаемом браузером

Столкнулся с проблемой: Google PageSpeed при тестировании сайта предлагает использовать более современные и удобные расширения картинок для фона. Например webp и jpeg2000. Проблема в том, что первое ...
Aleksander Vishnyakov's user avatar
3 голоса
3 ответа
1k показов

SVG иконки спрайта работают в Firefox но не работают в Chrome

прошу о помощи. svg иконки из спрайта отлично отображается в Firefox { background-image: url(/assets/img/sprite/global.svg#icon--upload); background-size: 18px 18px; background-repeat:...
SoreThursday's user avatar
0 голосов
1 ответ
2k показов

Тень поверх фонового изображения CSS

Доброе время суток всем. Вопрос такой - как сделать тень поверх фонового изображения другого элемента? Есть элемент, у которого есть тень box-shadow, есть следом идущий элемент, у которого есть ...
Black Drake's user avatar