Вопросы с меткой [background-image]
Руководство по использованию метки background-image отсутствует.
47
вопросов
0
голосов
0
ответов
20
показов
Не могу убрать фон картинки в CustomTkinter
У меня проблема, при добавление PNG картинки на экран, то фон ее картинки остается прежним цветом как и стандартный фон окна (черный). Вот сам код:
import customtkinter as ctk
from PIL import Image
...
0
голосов
1
ответ
53
показа
На кнопке не отображается картинка
Пишу веб-программу по учету заказов. К каждой строчке таблицы добавлена кнопка редактировать(синяя), удалить (красная). Кнопки стилизованы внешней таблицей готовый css-стилей. Кастамизирую стиль путем ...
0
голосов
1
ответ
111
показов
Как плавно изменять фон сайта при нажатии на определенное изображение/кнопку и запомнить выбранное изображение в текущей или следующих сессиях?
Сайт делаю на тильде, извините. Я только учусь и не умею писать полноценные коды.
Перепробовал уйму вариантов с форумов, вопрос оказался актуальным, но ни один код не смог нормально вписать в тильду.
...
1
голос
1
ответ
102
показа
background-image не ставит картинку
Уже все проверял, но картинки нету. :с
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=&...
0
голосов
0
ответов
33
показа
Диагонально двигающаяся бесконечная картинка в фоне widget'а в Dart/Flutter
Необходимо реализовать загруженную из интернета картинку в фоне элемента, повторить (repeat=true) по двум осям и анимировать движение по диагонали.
:root {
--backgroundSize: 150px;
}
body {
...
0
голосов
1
ответ
26
показов
не отображается background image в css
Хотя панель разработчика видит картинку, и в целом css подключен правильно (это можно проверить тем, что остальные изменения применяются на кнопке), фоновая картинка все равно не отображается. Какая ...
0
голосов
1
ответ
34
показа
Расположение блоков css как на фото
Всем привет, как мне расположить эту иконку с собачьей лапой поверх фотографии как на этом скриншоте? Спасибо)
0
голосов
1
ответ
20
показов
background-image не видит картинку в блоке/теге
Использую vue3. Вообще я переношу верстку в компоненты. Но все скрипты и стили были подключены к основному HTML файлу. Проблема заключается в том, что в блоке с классом "top", он не видит ...
-1
голос
2
ответа
49
показов
Проблема с картинками при открытии HTML файла
При открытии файла HTML изображения не открываются, при запуске того же файла через Live-server, картинки подгружаются нормально. Проблема только с этими изображениями и только в этом участке кода
#...
0
голосов
0
ответов
56
показов
Как динамически в программе менять background-image в QTableWidget?
Есть однострочная таблица, могу в ней поставить фон с помощью стилей.
QTableWidget.setStyleSheet('background-image: url(tmp_qpix.png)')
Но мне нужно вместо tmp_qpix.png использовать Qpixmap, QImage ...
0
голосов
2
ответа
47
показов
Попытка подключения фона в CSS
пытаюсь в который раз, с помощью свойства CSS - "background-image" задать относительный путь к картинке. С проектом работаю через SublimeText3, создал новый файл css, и новый html - файл, с ...
-1
голос
2
ответа
70
показов
Нужно вставить изображения в черную область, возможно как-то через overflow-hidden
Нужно вставить изображения в черную область, возможно как-то через overflow-hidden,тогда как сделать такую форму для div
?Нужно сделать на CSS.Хелпните, плиз
0
голосов
1
ответ
248
показов
Можно ли двигать BackgroundImage в Windows Form или создать аналогию движущегося заднего фона?
Можете ли подсказать, как можно двигать BackgroundImage в форме, на лево или в право ?
Уточняю: Я знаю, что можно создать PixtureBox, отодвинуть его в самую заднюю часть и двигать плюсуя или минусуя ...
-1
голос
1
ответ
76
показов
как добавить background-image поверх <a href>
Подскажите пожалуйста, не совсем понимаю как наложить картинку(галочка на скрине) на фон. Насколько понял задание, такие вещи нужно делать через background-image: url("...") и вроде-бы как ...
0
голосов
1
ответ
75
показов
Обрезается и/или не отображается нижняя часть фонового изображения
На планшете и смартфоне отображается плавно, а на десктопе в HD, FullHD нижняя часть "обрезается". Код привести не могу, так как его много, а где кроется суть не знаю. Если менять масштаб в ...
0
голосов
0
ответов
18
показов
Как определить путь к фоновому изображению
Никогда не использовал фоновые изображения, тут споткнулся на галерее на них основанной. Не могу понять как указать путь к фоновому изображению. Обычный img отображается а div нет.
<div style="...
0
голосов
2
ответа
418
показов
Как правильно верстать карточки?
Необходимо сверстать карточку (решила делать через background-image), но не очень понимаю как сделать:
отступ от картинки для текста (без понятия как задать display: block
к background-image)
как ...
0
голосов
1
ответ
127
показов
Получить background-image div'а без повторной загрузки изображения
Если у контейнера стиль background-image: url , то можно ли средствами js получить это изображение, не загружая его повторно? сам url получить получается, но загружать снова по этому адресу - не ...
0
голосов
1
ответ
584
показа
Как затемнить фоновое изображение?
Есть элемент-иконка со свойством:
background-image: url(/static/media/icon.svg);
Я могу ее довольно просто осветлить при наведении через свойство opacity, но можно ли подобным образом сделать ее ...
0
голосов
3
ответа
1k
показов
Цвет SVG background-image
Есть SVG катинка, в которой для path задан цвет (fill). Эта картинка используется в качестве фона (background-image) для div. Задача сделать темизацию таким образом, чтобы в зависимости от темы fill ...
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....
0
голосов
1
ответ
121
показ
Проблема с background-image
По какой-то причине картинка не вставляется, путь точно верный.
Div, фон которого - картинка(должна быть)
<div class="first">
<h1 class="company">Наша ...
0
голосов
1
ответ
728
показов
Webpack. Ошибка вовремя загрузки изображения
Изучаю Webpack и столкнулся с проблемой добавления картинки с помощью bg-img в css. При этом, если загружаю картинку в js с помощью import, то при дальнейшем выводе ее в консоль - она открывается. В ...
4
голоса
1
ответ
64
показа
Не работает backgroung-image
У меня не работает backgrounde image, я знаю что я указал неправильно путь. Я уже пересмотрел все форумы с этим вопросом и не один из советов не помог
body{
background-image: url("../...
2
голоса
1
ответ
751
показ
css: фильтры для заднего фона
Не подскажете, есть ли в css фильтры для background, особенно интересен hue
хочу при наведении мышки на блок менять иконку-задний фон, но не хочу ее перерисовывать в том же фотошопе и вставлять в div:...
1
голос
0
ответов
130
показов
Почему SVG-файл не добавляется в качестве фона через CSS-свойство background-image?
Я пытаюсь сделать размытие фонового изображения. Для этого в папку /img я положил растровый исходник (bg_seller_hub.jpeg) и создал SVG-файл, который должен применить к нему размытие:
<svg width=...
1
голос
1
ответ
321
показ
Как разделить картинку (WPF C#)&
Подскажите как разделить картинку(программно) на прямоугольники как показано на картинке.(Рамки это border'ы). Часть фоновой картинки должна быть привязана к бордеру который находится над этой ...
0
голосов
1
ответ
54
показа
Как реализовать верстку (фоновое изображение)?
Подскажите, пожалуйста, как лучше реализовать верстку следующего дизайна?
По тз необходимо, чтобы первый экран растягивался на всю высоту вьюпорта, т.е min-height: 100vh;
Из данного макета я могу ...
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>
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 ...
2
голоса
1
ответ
1k
показов
Почему пропадает изображение если я ставлю background no-repeat?
Что следует поменять что бы изображение не дублировалось?
Если я ставлю:
background-image: no-repeat;
то изображение вообще пропадает.
Код:
.header {
background-image: url(image/Hero.png) t;
...
0
голосов
0
ответов
66
показов
Замена background-image в email рвссылках
Смотрел https://www.youtube.com/watch?v=TNCaCDFKJfc на 5:28 и на 13-й строке написано, что не нужно использовать background-image, потому что outlook не поддерживает. Что можно использовать вместо ...
0
голосов
0
ответов
533
показа
Наложение полупрозрачного оверлея на элемент с background-image
Всем привет, у меня такой вопрос:
Я прохожу курс по bootstrap 4. В этом курсе его автор демонстрирует технику затемнения background-изображения через наложение на него темного полупрозрачного оверлея. ...
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>
не подключается ...
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;
...
1
голос
1
ответ
23
показа
Не отображает изображение background: url('images/AboutU.png') repeat-y center
Не отображается картинка в header. Выводится только при условии, если дальше отдельно пропишу <img src = "images/AboutU.png". Помогите найти причину сего затруднения
<!doctype html>
<...
0
голосов
2
ответа
54
показа
Как сверстать такой background image c внутренней рамкой?
Задача сверстать такой background c внутренней рамкой, ссылка на макет https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2
0
голосов
2
ответа
56
показов
Не применяется картинка в background
Не могу применить background. И так и сяк. Бес понятия, что такое. До этого все было ок!
css
.intro {
background: url("../img/main/bg2.jpg") center no-repeat;
background-size: cover;
}
html
...
0
голосов
1
ответ
432
показа
Подложка (картинка) из CSS в админку WP
На первом экране сайта, как подложка лежит картинка. Она затянута не через HTML, а через CSS.
.header-bg { background: url(../img/sec1/sec1_bg.jpg) no-repeat; background-size: cover; height: 100vh; ...
1
голос
1
ответ
186
показов
Перекрытие двух изображений [закрыт]
Необходимо сделать перекрытие фоновой картинки(с background-image) с картинкой внутри этого фона. Чтобы картинка была под фоном (background-image) и просвечивала через фон(в фоне есть прозрачные ...
1
голос
3
ответа
268
показов
Фон картинкой в CSS
Всем привет:) Не могу фон сделать под размер страницы, постоянно фон как бы не помещается на страницу. Все говорят про background-size: cover; Но он у меня никогда нормально не работал.
Так же ...
1
голос
2
ответа
74
показа
Как выставить высоту фонового изображения к границе экрана ? Какие есть способы?
Просто напишите способы,а я разберусь, пробовал vh, но адаптивность тогда в 0.
0
голосов
1
ответ
31
показ
Позиционирование background
Делаю лендинг на bootstrap 4 (применяю только сетку). Нужно поставить фоны для блоков. Не могу понять, как правильно их ставить, подключить и спозцонировать, чтобы они были за блоком container, то ...
0
голосов
2
ответа
375
показов
Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона
Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
1
голос
1
ответ
65
показов
Как загружать изображения в формате, поддерживаемом браузером
Столкнулся с проблемой: Google PageSpeed при тестировании сайта предлагает использовать более современные и удобные расширения картинок для фона. Например webp и jpeg2000. Проблема в том, что первое ...
3
голоса
3
ответа
1k
показов
SVG иконки спрайта работают в Firefox но не работают в Chrome
прошу о помощи. svg иконки из спрайта отлично отображается в Firefox
{
background-image: url(/assets/img/sprite/global.svg#icon--upload);
background-size: 18px 18px;
background-repeat:...
0
голосов
1
ответ
2k
показов
Тень поверх фонового изображения CSS
Доброе время суток всем. Вопрос такой - как сделать тень поверх фонового изображения другого элемента? Есть элемент, у которого есть тень box-shadow, есть следом идущий элемент, у которого есть ...