Почему background color не работает

не работает background-color

пишу всего лишь такой код:

dfgdf

и ничего не работает(background-color не пашет) 🙁

Скрин бы выложил что-ли. Скорее всего, твой фон `1.bmp` тайлится. У тебя не указано свойство background-repeat, т.е. ты не ограничиваешь текстуру, вот она и перекрывает весь твой фон blue.

в данном случае лучше записывать в короткой форме и, как правильно заметили выше, указывать свйоство background-repeat.
То есть должно получиться следующее:

Кавычки забыл в url. Учитывай что картинка будет искаться относительно данному файлу. Если хочешь искать относительно корня директории сайта, пропиши ещё / перед images.
И да, как посоветовали, используй background CSS тэг, заместо конкретизированных. Если конечно не вынуждает специфика дизайна использовать конкретизированные (иногда нужно менять параметры отображения background’а, тогда нужно использовать конкретизированные тэги).
Зы, background-color будет игнорироваться, т.к. у тебя задник зациклен на весь блок, естественно если там картинка на весь блок, то заднего цвета и не будет.

Вот бери и играйся тут, также заюзай этот сайт как постоянную справку: http://www.w3schools.com/css/tryit.asp?filename=trycss_default

Ockonal
Не обязательны, но настоятельно рекомендуются просто взять в правило, т.к. есть куча неприятных символов, которые могут легко сломать CSS код.
http://stackoverflow.com/questions/851724/css-background-image-wh… correct-usage

да,но как сделать изображение в поле дива цветным(добавить цвет)?

Загрузить цветное изображение.
HTML не модифицирует содержание, в нём используя CSS ты лишь указываешь параметры отображения, без влияния на само содержание.
background-color — задаёт цвет заднего фона, а не цвет изображения фона.
Почитай основы веб разработки, у тебя даже видимо представление о том что такое html и css, совсем хромает..

я знаю что это и теперь знаю что HTML устаревшее дерьмо.нах он вообще нужен. сейчас популярны анимация и другая красота а не тупой статический интерфейс.это самое устаревшее в компах,что осталось(но флеш немного недотягивает по функциям до HTML).HTML заставляет жудко расходовать память,так,что бы вывести 20раз одно сообщение,его надо написать 20раз,что за дибилизм!в HTML вообще никакого программирования нет.Когда же выкинут HTML на помойку,нужна новая архитектура сайтов,а то что html легко сторонне отредактировать уже даже недостаток-любой может скопировать твой сайт(хоть php к счастью невозможно).

Вот, дарю. Чтобы замостить фон страницы просто убрать строку background-repeat : no-repeat;

спасибо,но НЕ работает 🙂 ладно,видно HTML реально говно(мне надо див залить цветным изображением)

Это не HTML, а, я так подозреваю, браузер гадит. Хоть что за браузер и как выглядит картинка? Не все свойства не все браузеры поддерживают. А цвет заливки появился или как? Картинка по указанному адресу имеется? На заливке браузер не вякнет, что чего-то нет, а продолжит как будто всё как надо. Тест ниже что показывает? Обе картинки видно?

1ый код:
виден фон-1тайл,поверх залитый див(отодвинутый налево и направо),цвет не изменился(белый синим должен стать).

видны две картинки 1.bmp ниже

у меня вся проблема в том,что бы картинка-заливка дива сменила свой цвет,что вроде,на html не возможно

MoKa
Окей, спасибо, запомню. Правда раньше ни разу не возникало проблем с этим.

Читайте также:  Как настроить часы а1915

С картинкой есть хорошие средства борьбы через альфу. Если заменить один цвет на прозрачный, то можно получить как раз картинку на цвете фона. Ещё можно всю картинку сделать полупрозрачной пока CSS3 не утвердили. Альфу поддерживают png, bmp, tif и gif. Какой из них сожмёт лучше можно узнать опытным путём, но только не bmp. Пустое место gif хорошо жмёт, а png всякое рябое. Чтобы цвет менялся каждый раз при перезагрузке можно на сервере вбить цвета через рандом. У меня на сайте половина картинок с альфой.

Источник

Не срабатывает background-color

Всем доброго времени суток. В общем, пытаюсь сделать на странице сетку изображений, адаптивную. Использую bootstrap. Структура div-ов выглядит так:

В стилях, хочу реализовать изначальное затемнение изображений, а при наведении, чтобы изображение светлело. Но при попытке задать background-color для .grid-item ничего не происходит, и я никак не могу понять почему. CSS стили выглядят так:

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Работа с background-color,background-image
Добрый день ув. пользователи! Подскажите пожалуйста, можно как-то сделать, что бы div, которому.

Background color не работает
.green < background-color:green; >table < border-spacing: 0px; position: absolute;.

Позиционирование для background-color
Возможно установить отступы, ширину, позицию у background-color. В точности как со свойство .

Одно из решений(не моё).

да, похоже вы правы. Попробовал убрать изображение из grid-item, блок закрашивается, но только если я ему задаю фиксированный размер.

А как быть в этой ситуации?

dalay_lama, так теперь уточни, что ты хочешь сделать?

Добавлено через 57 секунд
Нужно чтобы картинка была затемненная, а при наведения затемнение пропадала?

Добавлено через 26 секунд
То есть ты хочешь сделать затемнение фоном ?

Он и не сработает. Потому что фон не может перекрыть картинку которая лежит в нем.

Добавлено через 1 минуту
Без псевдоэлементов тут не обойтись.

Решение

Откуда появляется background-color ?
Привет. Подскажите, плиз, откуда берется этот background-color: #ffffff;? https://autoaddons.com/.

Background-color: rgba() поверх
При изменении ширины страницы меняется высота тега и расположение (top от -120 до 145px).

Смена background-color при прокрутке
Доброго времени суток! Как сделать чтобы при прокрутке страницы менялся цвет фона? то есть.

Изменение background-color при наведении на область
Уважаемые форумчане, помогите с идеей, как это реализовать: Есть карта svg, регионам присвоены id.

Источник

не работает background-color

пишу всего лишь такой код:

dfgdf

и ничего не работает(background-color не пашет) 🙁

Скрин бы выложил что-ли. Скорее всего, твой фон `1.bmp` тайлится. У тебя не указано свойство background-repeat, т.е. ты не ограничиваешь текстуру, вот она и перекрывает весь твой фон blue.

в данном случае лучше записывать в короткой форме и, как правильно заметили выше, указывать свйоство background-repeat.
То есть должно получиться следующее:

Кавычки забыл в url. Учитывай что картинка будет искаться относительно данному файлу. Если хочешь искать относительно корня директории сайта, пропиши ещё / перед images.
И да, как посоветовали, используй background CSS тэг, заместо конкретизированных. Если конечно не вынуждает специфика дизайна использовать конкретизированные (иногда нужно менять параметры отображения background’а, тогда нужно использовать конкретизированные тэги).
Зы, background-color будет игнорироваться, т.к. у тебя задник зациклен на весь блок, естественно если там картинка на весь блок, то заднего цвета и не будет.

Читайте также:  Почему не работает сигнал лада веста

Вот бери и играйся тут, также заюзай этот сайт как постоянную справку: http://www.w3schools.com/css/tryit.asp?filename=trycss_default

Ockonal
Не обязательны, но настоятельно рекомендуются просто взять в правило, т.к. есть куча неприятных символов, которые могут легко сломать CSS код.
http://stackoverflow.com/questions/851724/css-background-image-wh… correct-usage

да,но как сделать изображение в поле дива цветным(добавить цвет)?

Загрузить цветное изображение.
HTML не модифицирует содержание, в нём используя CSS ты лишь указываешь параметры отображения, без влияния на само содержание.
background-color — задаёт цвет заднего фона, а не цвет изображения фона.
Почитай основы веб разработки, у тебя даже видимо представление о том что такое html и css, совсем хромает..

я знаю что это и теперь знаю что HTML устаревшее дерьмо.нах он вообще нужен. сейчас популярны анимация и другая красота а не тупой статический интерфейс.это самое устаревшее в компах,что осталось(но флеш немного недотягивает по функциям до HTML).HTML заставляет жудко расходовать память,так,что бы вывести 20раз одно сообщение,его надо написать 20раз,что за дибилизм!в HTML вообще никакого программирования нет.Когда же выкинут HTML на помойку,нужна новая архитектура сайтов,а то что html легко сторонне отредактировать уже даже недостаток-любой может скопировать твой сайт(хоть php к счастью невозможно).

Вот, дарю. Чтобы замостить фон страницы просто убрать строку background-repeat : no-repeat;

спасибо,но НЕ работает 🙂 ладно,видно HTML реально говно(мне надо див залить цветным изображением)

Это не HTML, а, я так подозреваю, браузер гадит. Хоть что за браузер и как выглядит картинка? Не все свойства не все браузеры поддерживают. А цвет заливки появился или как? Картинка по указанному адресу имеется? На заливке браузер не вякнет, что чего-то нет, а продолжит как будто всё как надо. Тест ниже что показывает? Обе картинки видно?

1ый код:
виден фон-1тайл,поверх залитый див(отодвинутый налево и направо),цвет не изменился(белый синим должен стать).

видны две картинки 1.bmp ниже

у меня вся проблема в том,что бы картинка-заливка дива сменила свой цвет,что вроде,на html не возможно

MoKa
Окей, спасибо, запомню. Правда раньше ни разу не возникало проблем с этим.

С картинкой есть хорошие средства борьбы через альфу. Если заменить один цвет на прозрачный, то можно получить как раз картинку на цвете фона. Ещё можно всю картинку сделать полупрозрачной пока CSS3 не утвердили. Альфу поддерживают png, bmp, tif и gif. Какой из них сожмёт лучше можно узнать опытным путём, но только не bmp. Пустое место gif хорошо жмёт, а png всякое рябое. Чтобы цвет менялся каждый раз при перезагрузке можно на сервере вбить цвета через рандом. У меня на сайте половина картинок с альфой.

Источник

Background-image не работает

Здравствуйте! Свойство background-image не работает в файле css. Файл находится в папке css. css/style.css

index.html

Но в самом файле html свойство background-image работает.

Подскажите, почему не работает, если я размещаю в в файле css?

8 ответов 8

в css файле пропишите

Между тегами у вас некорректно написана ссылка на файл CSS. Ваш код должен выглядеть так:

Как видите вы не дописали type=»text/css» в теге link .

пол суток пробовал

,а оказывается надо вот так

Читайте также:  Как починить линейку если она сломалась

Всем привет. Была такая же проблема: не работал backgrounf-image: url(link). Мучался часа 2, перепробовал всё, любые модификации но проблема оставалась. Ошибка заключалась в том, что не правильно был указан путь к картинке (файлу), и как не старался — ничего не помогало. Потом, когда я начал думать что html и css — не моё, мне вдруг пришла в голову мысль залезть в настройки. Я пользуюсь Notepad++ и обнаружил вот что: в пункте «Путь по умолчанию» было отмечено «запомнить последнюю директорию», я переставил отметку на «пройти за текущим документом», а в значении селектора background-image указал папку и файл: background-image: url(images/1.jpg) И все заработало. Надеюсь, кому да поможет инфа.

Столкнулся с аналогичной проблемой. Решил! Изображения формата .png почему-то не отображаются этим свойством, а вот .jpg и .webp отображаются

Судя по имени стиля вам нужен фон страницы. Если не работает, то проверьте правильный ли путь к картинке. то есть ../img/a.png или /img/a.png

Может помочь указания размеров картинки фона.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css или задайте свой вопрос.

Связанные

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

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

Проект написан на ларавель resources/views/welcome.blade.php:

Картинка earth.png из свойства background-image не срабатывает. в то время, как от тега img она работает. В чем может быть причина? П.С.: файл header_style.css подключен верно и работает (решил не засорять код примерами его работы)

5 ответов 5

CSS хранится в своей папке, и при обращении к картинке он пытается в своей папке найти папку images и в ней уже картинку. Попробуйте поиграть с путем файла посредством («../») в начале пути. Это поднимает ссылку по каталогам на один уровень вверх.

images/earth.png — это относительный путь.

То есть если у тебя css файл лежит скажем в

то для подклчения в css нужен путь ../../images/earth.png (2 каталога вверх по иерархии — до корня сайта)

Либо используй абсолютный путь вида /images/earth.png

Действительно, попробуйте полный путь. Ведь фоновый рисунок запрашивается после загрузки сайта. Если у Вас есть редирректы или ЧПУ, то запрос рисунка фона будет URL+image/earth.png. Проверьте, нет ли тут конфликта.

или — как в CSS — image/earth.png — есть небольшая разница в названиях директорий: images и image.

По всей видимости, причина в этом. (ответ на первую версию вопроса).

Ответ на вторую версию вопроса: (в любом случае где-то указан неверный путь к картинке из CSS файла).

Если прописать полный путь к картинке в CSS (с http://) — должно работать. Где-то путь неверный, в этом все дело.

Обычно для устранения проблемы достаточно посмотреть через Инспектор кода, какой адрес отдается для картинки из CSS, и понять, где затык.

Источник

Оцените статью