Задать вопрос
@KeksPups
html

Как Opacity применить только к блоку, не тексту?

Имеется меню. Через background задал гифку(на задний план) и прописал opacity. Как и положено - текст тоже стал прозрачным. Подскажите, как тексту вернуть естественный цвет? Вроде как-то через z-index можно
.bf_menu{
	background:transparent url(../images/pattern.gif) repeat top ;
	background-repeat: no-repeat;
		background-size: cover;
	width:300px;
	left:0px;
	top:0px;
	height:100%;
	position:fixed;
	opacity: 0.5;
}
  • Вопрос задан
  • 597 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@NPC
...
Ни как, сделайте из гифки своей прозрачную png и будет счастье.
Или создавайте другой блок таких же размеров и позиционируйте его сверху первого https://jsfiddle.net/xNPC/ru8q14s7/
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Устранить утечку памяти в скрипте на питоне
28 апр. 2024, в 02:30
3000 руб./за проект
Дописать/Написать скрипт для экспорта из Telegram
28 апр. 2024, в 00:54
10000 руб./за проект
Разработать дизайн сайта
28 апр. 2024, в 00:53
70000 руб./за проект
Ещё заказы