Background color css не работает

не работает 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 в CSS

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

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

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

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

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

Решение

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

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

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

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

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

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

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

Источник

Пользовательское свойство CSS «background-color» не работает

Недавно я пытался использовать переменные CSS в очень простой код. Это на самом деле не сработало. Я дважды проверил информацию о том, как использовать переменные, но не могу найти свою ошибку. Может я что то не так делаю?

Я оставил на случай, если некоторые
не совместимы с использованием переменных CSS.

С этим кодом цвет фона остается белым. Если я не использую переменную вместо этого, она меняется соответственно. Я что-то пропустил ?

Спасибо за вашу помощь.

5 ответов

Ваш код правильный. Проблема в другом CSS, который переписывает ваше текущее правило CSS. Сильфон — это ваш код без изменений и доказательство того, что он работает.

Используйте Инструменты разработчика (нажмите F12), чтобы увидеть, кто перезаписывает ваши правила CSS.

В таких случаях лучше всего связывать файл CSS сразу после импорта других библиотек.

Вы должны попробовать импортировать CSS после импорта таблицы стилей начальной загрузки, что-то вроде этого сработало для меня:

Вы связались со своим собственным CSS до того, как добавили ссылку на bootstrap.min.css .

bootstrap.min.css устанавливает цвет фона для элемента body , который переопределяет ваши настройки.

Поменяйте порядок, чтобы ваш CSS переопределял библиотеку, а не наоборот.

Вы загружаете Bootstrap CSS, который имеет

Это легко выяснить, когда вы используете инструменты разработчика своего браузера и просматриваете элемент body:

Это перезаписывает ваш

В CSS, если два противоречивых правила имеют одинаковую специфику CSS, побеждает тот, который определен позже.

Поэтому, если вы хотите переопределить этот стиль Bootstrap, убедитесь, что ваша таблица стилей включена в документ после той, в которой есть правило, которое вы хотите переопределить.

Источник

Не срабатывает 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-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.

Источник