HTML

Не появляется картинка через css

Всем привет,столкнулся с проблемой:на сайте не появляется картинка(а именно через background в css коде).
Html находится в папке,в которой находятся папки «img и css»,в которых в свою очередь находятся сама картинка и css документ.

1 2 3 4 5 6 7 8 9 10 11 12 13

 html> head> title>My new veb-site/title> meta charset="utf-8"> link rel="stylesheet" href="321.css"> /head> body> header> /header> /body> /html>

header{ background-image: url('../img/social_bg.jpg') no-repeat; }

Не отображается картинка на сайте WordPress через CSS
Здравствуйте! У меня такая проблема, никак не могу заставить отображаться картинку на главной.

Не появляется картинка, если запускать через curl
Здравствуйте, у меня есть проблема. На сайте avito.ru/blocked появляется капча, чтобы подтвердить.

SAMSUNG NP305V5A-T08RU (Petronas-D-15E), Включается, через раз появляется картинка
Всем привет. Плата стартует и появляется картинка потребление 2А, стоит её выключить, при нажатии.

Через 5 минут после запуска игры компьютер зависает, на экране появляется цветные линии, картинка зависает.
(зависает компьютер ,когда запускаешь игру в течении 5 минут на экране появляется цветные линии и.

Твое элемент имеет размер 0px.

Задай высоту и ширину элементу, но не относительных величинах

Источник

Почему в css не работает background-image?

Здравствуйте.
Почему-то не вставляется фоновое изображение через background в css. Чего я только не перепробывал. И кавычки и просто background, но изображение так и не отображается.
В чем проблема?
Класс .top-slide

 

  
HOME
  
PORTFOLIO
  
BLOG
  
ABOUT US
  
CONTACT

we belive
in quality design
ANY CREATIVE PROJECT IS UNIQUE
AND SHOULDER IMPROVIDED WITH
THE APPROPRIATE QUALITY

body < font-family: 'Poppins', sans-serif; >* < padding: 0; margin:0; >li < list-style: none; display: flex; >a < text-decoration: none; >header < background: #f6f6f6; padding: 22px 0; >.header-container < width: 90%; margin: 0 auto; display: flex; justify-content: space-between; >.header-container a < color: #000; font-size: 16px; padding: 27px 6px; margin-right: 32px; >.header-container a:hover < background: #ffeb00; >#menu-checkbox < display: none; >ul < display: flex; >nav < margin-top: 20px; text-transform: uppercase; >.top-slide < padding-top: 120px; background-image: url("..img/slider.jpg"); >.top-container < width: 85% margin: 0 auto; >h2 < text-transform: uppercase; >.top-slide h2 < background-color: #ffeb00; display: inline; font-size: 50px; >.top-slide:nth-child(2) < margin-bottom: 10px; >.top-slide p < background-color: #3f3f44; color: #ffffff; display: inline; font-size: 18px; >@media screen and (max-width: 420px) < .header-container < width: 100%; display: flex; justify-content: space-around; >.main-menu < display: none; >.main-menu li < width: 100%; display: block; font-size: 12px; >.main-menu a < display: block; padding: 8px; >.toggle-button < text-align: center; display: block; cursor: pointer; color: #000; >.toggle-button:after < content: attr(data-open); display: block; >#menu-checkbox:checked + nav[role="navigation"] .main-menu < display: block; >#menu-checkbox:checked + nav[role="navigation"] .toggle-button:after < content: attr(data-close) >.header-container a < margin-right: -65px; >.main-menu < position: relative; top: 30px; right: 115px; >>

Источник

Не работает свойство background в CSS

Мучаюсь уже несколько часов,пробовал прописывать это свойство отдельно т.е. через background-image,background-repeat и т.п.
Правильность пути так же проверял
Пробовал так же под отдельный класс это прописывать
В чём подвох, форумчане?

Перестал работать css, никак не работает свойство background-image
Неожиданно перестал работать css,просто никак не работает свойство background-image(вместо.

Не работает свойство background
Почему фоновый рисунок не устанавливается в нижний правый угол для sidebar? Я же прописываю.

Почему не работает в адаптации под другие разрешения, свойство background: url
Почему обрезает половину, как только размер изменятся до 768 пикселей Я даже картинку уменьшил.

Не срабатывает свойство background-image в IE
Всем привет. При верстке не отображается картинка, заданная с помощью свойства background-image.

background: url(img/p1.jpg) no-repeat 50% 50%; background-size: cover;

Сообщение было отмечено Никитка98 как решение

Решение

Сообщение от Никитка98

Сомневаюсь. И кстати, правильный путь включает в себя и точное указание имени директории/файла. Когда будете перепроверять, не забудьте про это.

это весь ваш css код?
если что? то у меня код работает при верном указании адреса картинки.

возможные причины косяка
1 неверно указан адрес картинки
2 вы неправильно прилепили css файлик к html коду
3 ваш браузер отображает старый вариант страницы и не хочет ее обновлять.
возможно косяк совершенно неожиданный и непредвиденный для меня? например картинка корявая.

попробуйте творчески подойти к поиску ошибки, например попробуйте вместо фона-картинки сделать однотонный фон.
если вы неверно указали урл, то фон появиться,если фон не появиться, то вообще ваш css фаил не переварился.
кстати вы в какой среде верстаете?

Свойство background-color вынести за рамки блока
Есть страница, что называется в "рамке". Есть необходимость растянуть background-color некоторых.

CSS background
Здравствуйте у меня такой вопрос, сделал всё по этой схеме. html, body < .

Background CSS
наверно, проблема пустячковая, но для меня пока неразрешимая. 3й день разбираюсь в HTML и CSS по.

background из внешнего .css
Помогите устранить недопонимание, чтобы впредь не нудить: подключаю к хтмл файлу внешний цсс — всё.

Источник

CSS фоновое изображение не отображается

У меня есть файл HTML с подкаталогом под названием img с изображением с именем debut_dark.png . В моем файле CSS у меня есть:

HTML файл имеет тег body и действительно содержит файл CSS. Я точно знаю, что файл CSS включен правильно, так как все остальное отформатировано правильно. Фоновое изображение не отображается, я вижу только белый фон. Любые идеи, как исправить это, или даже как его отладить?

Проверьте правильность URL-адреса изображения. Откройте инструменты разработчика и откройте вкладку сети, там должен быть указан ваш debut_dark.png. Проверьте, был ли он загружен вообще

Если вы хотите что-то отладить (HTML / JS / CSS) — вы всегда можете открыть какие-то инструменты разработчика, доступные для всех современных браузеров (обычно достаточно F12, но для FF вам может потребоваться установить Firebug).

Похоже, что изображение не загружено. Подкаталог img находится в том же каталоге, что и HTML-файл. Изображение там. Я использую img/debut_dark.png в качестве пути, и он не работает.

@Darksky Вы пытались использовать некоторые инструменты разработчика? Кроме того — каков путь к вашему HTML-файлу (это важно знать)?

8 ответов

Согласно вашему пути к файлу CSS, я предполагаю, что он находится в том же каталоге с вашей HTML-страницей, вы должны изменить url следующим образом:

Вы должны использовать следующее:

или попробуйте проверить правила CSS с помощью Firefox Firebug.

Я понял .. Это должен был быть URL («../ img / debut_dark.png»). Я просто понял, что путь должен быть относительно файла CSS, а не файла HTML (очевидно).

У меня такая же проблема. Но он работает правильно для меня

background: url(../img/debut_dark.png) repeat 

Я знаю, что это не касается точного случая OP, но для других, поступающих из Google, не забудьте попробовать display: block; на основе типа элемента. У меня было изображение в , но оно не появлялось.

Убедитесь, что ваше тело имеет высоту, f.ex:

Да, это ключ. У меня был такой код, и он не работал: .legaltech-procedure .legaltech-proc-details-left span.jp < display: block; background-image: url("/images/flags/1x1/jp.svg"); background-repeat: no-repeat; background-size: 25px 25px; >но затем я добавил min-width: 100%; min-height: 100%; и он отобразил изображение.

Хорошо, я понял, что этот атрибут отображает изображение, когда в нем содержится полное местоположение. Я просто загрузил это изображение на свой сервер и связал местоположение этого изображения в фоновом изображении: url ( «xxxxx.xxx» ); атрибут, и, наконец, он работал, но если у вас нет сервера, попробуйте ввести полное местоположение изображения в атрибуте, перейдя в свойство этого изображения. Хотя я использовал этот атрибут в теге HTML файла, но он наверняка работает и с файлом CSS. Если этот метод не работает, попробуйте загрузить изображение в Интернете, например, поведение, facebook, instagram и т.д., И проверьте изображение и скопируйте его в свой атрибут. Надеюсь, что это будет работать

Источник