Вопросы с меткой [background-image]
Руководство по использованию метки background-image отсутствует.
31
вопрос
0
голосов
0
ответов
14
показов
Проблема с картинками(их путями)
В css блоку задаю background-image, запускаю npm run start, и на webpack-dev-server все работает прекрасно, картинки отображаются, но если запустить приложение в продакшен режиме, то выходят проблемы. ...
0
голосов
0
ответов
25
показов
Как разработать фон/изображения под разные экраны в андроид?
Недавно начал изучать android studio и столкнулся с проблемой, что нигде не могу найти информацию о том как сделать, например фоновый рисунок под разные экраны, подскажите пожалуйста как сделать так, ...
0
голосов
1
ответ
19
показов
Как затемнить фоновое изображение?
Есть элемент-иконка со свойством:
background-image: url(/static/media/icon.svg);
Я могу ее довольно просто осветлить при наведении через свойство opacity, но можно ли подобным образом сделать ее ...
0
голосов
3
ответа
66
показов
Цвет SVG background-image
Есть SVG катинка, в которой для path задан цвет (fill). Эта картинка используется в качестве фона (background-image) для div. Задача сделать темизацию таким образом, чтобы в зависимости от темы fill ...
0
голосов
1
ответ
33
показа
Консоль выдает ошибку: 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
ответ
50
показов
Проблема с background-image
По какой-то причине картинка не вставляется, путь точно верный.
Div, фон которого - картинка(должна быть)
<div class="first">
<h1 class="company">Наша ...
0
голосов
1
ответ
105
показов
Webpack. Ошибка вовремя загрузки изображения
Изучаю Webpack и столкнулся с проблемой добавления картинки с помощью bg-img в css. При этом, если загружаю картинку в js с помощью import, то при дальнейшем выводе ее в консоль - она открывается. В ...
4
голоса
1
ответ
45
показов
Не работает backgroung-image
У меня не работает backgrounde image, я знаю что я указал неправильно путь. Я уже пересмотрел все форумы с этим вопросом и не один из советов не помог
body{
background-image: url("../...
2
голоса
1
ответ
180
показов
css: фильтры для заднего фона
Не подскажете, есть ли в css фильтры для background, особенно интересен hue
хочу при наведении мышки на блок менять иконку-задний фон, но не хочу ее перерисовывать в том же фотошопе и вставлять в div:...
1
голос
0
ответов
60
показов
Почему SVG-файл не добавляется в качестве фона через CSS-свойство background-image?
Я пытаюсь сделать размытие фонового изображения. Для этого в папку /img я положил растровый исходник (bg_seller_hub.jpeg) и создал SVG-файл, который должен применить к нему размытие:
<svg width=...
1
голос
1
ответ
137
показов
Как разделить картинку (WPF C#)&
Подскажите как разделить картинку(программно) на прямоугольники как показано на картинке.(Рамки это border'ы). Часть фоновой картинки должна быть привязана к бордеру который находится над этой ...
0
голосов
1
ответ
38
показов
Как реализовать верстку (фоновое изображение)?
Подскажите, пожалуйста, как лучше реализовать верстку следующего дизайна?
По тз необходимо, чтобы первый экран растягивался на всю высоту вьюпорта, т.е min-height: 100vh;
Из данного макета я могу ...
0
голосов
1
ответ
31
показ
Не работает 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
ответа
478
показов
Не выводится svg-иконка через background-image CSS
Почему не выводится svg-иконка, добавленная через background-image CSS?
Код:
.icon-social{
display: inline-block;
width: 23px;
height: 23px;
border-radius: 50%;
border: 1px ...
2
голоса
1
ответ
480
показов
Почему пропадает изображение если я ставлю background no-repeat?
Что следует поменять что бы изображение не дублировалось?
Если я ставлю:
background-image: no-repeat;
то изображение вообще пропадает.
Код:
.header {
background-image: url(image/Hero.png) t;
...
0
голосов
0
ответов
25
показов
Замена background-image в email рвссылках
Смотрел https://www.youtube.com/watch?v=TNCaCDFKJfc на 5:28 и на 13-й строке написано, что не нужно использовать background-image, потому что outlook не поддерживает. Что можно использовать вместо ...
0
голосов
0
ответов
147
показов
Наложение полупрозрачного оверлея на элемент с background-image
Всем привет, у меня такой вопрос:
Я прохожу курс по bootstrap 4. В этом курсе его автор демонстрирует технику затемнения background-изображения через наложение на него темного полупрозрачного оверлея. ...
0
голосов
0
ответов
30
показов
не находит картинку по относительному пути в инлайновом background-image
<img src="img/about-us1.jpg" alt="">
<div class="swiper-slide"style="background-image:url(img/about-us1.jpg)"></div>
не подключается ...
0
голосов
1
ответ
148
показов
Как отрегулировать высоту 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
ответ
15
показов
Не отображает изображение background: url('images/AboutU.png') repeat-y center
Не отображается картинка в header. Выводится только при условии, если дальше отдельно пропишу <img src = "images/AboutU.png". Помогите найти причину сего затруднения
<!doctype html>
<...
0
голосов
2
ответа
48
показов
Как сверстать такой background image c внутренней рамкой?
Задача сверстать такой background c внутренней рамкой, ссылка на макет https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2
0
голосов
2
ответа
53
показа
Не применяется картинка в background
Не могу применить background. И так и сяк. Бес понятия, что такое. До этого все было ок!
css
.intro {
background: url("../img/main/bg2.jpg") center no-repeat;
background-size: cover;
}
html
...
0
голосов
1
ответ
162
показа
Подложка (картинка) из CSS в админку WP
На первом экране сайта, как подложка лежит картинка. Она затянута не через HTML, а через CSS.
.header-bg { background: url(../img/sec1/sec1_bg.jpg) no-repeat; background-size: cover; height: 100vh; ...
1
голос
1
ответ
73
показа
Перекрытие двух изображений [закрыт]
Необходимо сделать перекрытие фоновой картинки(с background-image) с картинкой внутри этого фона. Чтобы картинка была под фоном (background-image) и просвечивала через фон(в фоне есть прозрачные ...
1
голос
3
ответа
168
показов
Фон картинкой в CSS
Всем привет:) Не могу фон сделать под размер страницы, постоянно фон как бы не помещается на страницу. Все говорят про background-size: cover; Но он у меня никогда нормально не работал.
Так же ...
1
голос
2
ответа
41
показ
Как выставить высоту фонового изображения к границе экрана ? Какие есть способы?
Просто напишите способы,а я разберусь, пробовал vh, но адаптивность тогда в 0.
0
голосов
1
ответ
29
показов
Позиционирование background
Делаю лендинг на bootstrap 4 (применяю только сетку). Нужно поставить фоны для блоков. Не могу понять, как правильно их ставить, подключить и спозцонировать, чтобы они были за блоком container, то ...
0
голосов
2
ответа
179
показов
Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона
Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
1
голос
1
ответ
62
показа
Как загружать изображения в формате, поддерживаемом браузером
Столкнулся с проблемой: Google PageSpeed при тестировании сайта предлагает использовать более современные и удобные расширения картинок для фона. Например webp и jpeg2000. Проблема в том, что первое ...
3
голоса
3
ответа
753
показа
SVG иконки спрайта работают в Firefox но не работают в Chrome
прошу о помощи. svg иконки из спрайта отлично отображается в Firefox
{
background-image: url(/assets/img/sprite/global.svg#icon--upload);
background-size: 18px 18px;
background-repeat:...
0
голосов
1
ответ
1k
показов
Тень поверх фонового изображения CSS
Доброе время суток всем. Вопрос такой - как сделать тень поверх фонового изображения другого элемента? Есть элемент, у которого есть тень box-shadow, есть следом идущий элемент, у которого есть ...