Как сделать фоновое изображение серым, не затрагивая панель навигации или текст? ⇐ CSS
Как сделать фоновое изображение серым, не затрагивая панель навигации или текст?
По сути, я пытаюсь сделать фоновое изображение (OldRag.jpg) серым, но оставить панель навигации и другой текст на домашней странице поверх него и по-прежнему в цвете. В коде, который я вставил, удален код фонового изображения. Я перепробовал все способы затемнения фонового изображения в HTML, CSS, HTML AND CSS, и ни один из них не работает правильно. Они либо делают панель навигации и текст серыми, либо сдвигают панель навигации вниз, и текст застревает на изображении.
index.html
Отредактировано в целях конфиденциальности – Индекс ул { тип стиля списка: нет; маржа: 0; заполнение: 0; } а: ссылка, а: посетил { дисплей: блок; ширина: 100 пикселей; начертание шрифта: жирный; цвет: #FFFFFF; цвет фона: #98bf21; выравнивание текста: по центру; отступ: 4 пикселя; текстовое оформление: нет; преобразование текста: верхний регистр; } а: наведение, а: активный { цвет фона: #7A991A; Добро пожаловать! Спасибо, что посетили мой личный сайт! Пожалуйста, почувствуй свободный просмотр контента! © 2014 г. Отредактировано в целях конфиденциальности Размещено на GitHub stylesheet.css
#nav { ширина: 100%; маржа: 0; заполнение: 0; выравнивание текста: по центру; стиль списка: нет; } #nav li { отображение: встроенный блок; выравнивание текста: по центру; }
По сути, я пытаюсь сделать фоновое изображение (OldRag.jpg) серым, но оставить панель навигации и другой текст на домашней странице поверх него и по-прежнему в цвете. В коде, который я вставил, удален код фонового изображения. Я перепробовал все способы затемнения фонового изображения в HTML, CSS, HTML AND CSS, и ни один из них не работает правильно. Они либо делают панель навигации и текст серыми, либо сдвигают панель навигации вниз, и текст застревает на изображении.
index.html
Отредактировано в целях конфиденциальности – Индекс ул { тип стиля списка: нет; маржа: 0; заполнение: 0; } а: ссылка, а: посетил { дисплей: блок; ширина: 100 пикселей; начертание шрифта: жирный; цвет: #FFFFFF; цвет фона: #98bf21; выравнивание текста: по центру; отступ: 4 пикселя; текстовое оформление: нет; преобразование текста: верхний регистр; } а: наведение, а: активный { цвет фона: #7A991A; Добро пожаловать! Спасибо, что посетили мой личный сайт! Пожалуйста, почувствуй свободный просмотр контента! © 2014 г. Отредактировано в целях конфиденциальности Размещено на GitHub stylesheet.css
#nav { ширина: 100%; маржа: 0; заполнение: 0; выравнивание текста: по центру; стиль списка: нет; } #nav li { отображение: встроенный блок; выравнивание текста: по центру; }
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Parallax Hero Изображение становится серым после изменения размера окна / Devtools
Anonymous » » в форуме Html - 0 Ответы
- 8 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Parallax Hero Изображение становится серым после изменения размера окна / Devtools
Anonymous » » в форуме Jquery - 0 Ответы
- 5 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Parallax Hero Изображение становится серым после изменения размера окна / Devtools
Anonymous » » в форуме Html - 0 Ответы
- 7 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Parallax Hero Изображение становится серым после изменения размера окна / Devtools
Anonymous » » в форуме Jquery - 0 Ответы
- 6 Просмотры
-
Последнее сообщение Anonymous
-