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

Как поменять прозрачность во вложенном div или img?

<div style="opacity: 0.5;">
<div></div>
<img>
</div>


как сделать вложенный в div img и div с другой прозрачностью и не прозрачный?
  • Вопрос задан
  • 2649 просмотров
3 комментария
Подписаться 2 Оценить 3 комментария
Решения вопроса 1
@eandr_67
web-программист (*AMP, Go, JavaScript, вёрстка).
Никак не сделать. Opacity влияет на все вложенные элементы. Так что прозрачность вложенных div / img можно только увеличить, но уменьшить невозможно. В простых случаях прозрачность внешнего div'а можно эмулировать без opacity - с помощью png, или rgba(). В более сложных - придётся использовать наложение слоёв (position, z-index).
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =) 
div img { opacity: 0.7;}
div div { opacity: 0.5;}
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Кастомизация модуля sale интернет-магазина на 1С Битрикс
26 апр. 2024, в 11:07
1000 руб./в час
Настройка шаблона (или темы) WP/
26 апр. 2024, в 11:02
2000 руб./за проект
Повысить оригинальность работы с 14% до 70%
26 апр. 2024, в 10:59
1700 руб./за проект
Ещё заказы