Задать вопрос
@sirinotapple

Как прозрачным цветом перекрыть непрозрачный текст?

У меня есть
<!DOCTYPE html>

<body>

	<div class="color-transparent"></div>
	<div class="text">123321</div>

	<style>
		div {
			width: 100px;
			height: 25px;
		}

		.color-transparent {
			position: absolute;
			background: rgba(0, 0, 255, 0.267);
		}
	</style>
</body>

</html>

Я хочу чтобы когда полупрозрачный div находится над непрозрачным текстом — текст исчезал. Как такое реализовать?
  • Вопрос задан
  • 213 просмотров
Подписаться 2 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@Kvason
Веб-разработчик
Оберни прозрачный блок в непрозрачный блок например с белым цветом и тогда он перекроет
<!DOCTYPE html>

<body>

  <div id="tr"><div class="color-transparent"></div></div>
  <div class="text">123321</div>

  <style>
    div {
      width: 100px;
      height: 25px;
    }
    #tr{
      background:white;
      position: absolute;
    }
    .color-transparent {
      background: rgba(0, 0, 255, 0.267);
    }
  </style>
</body>

</html>
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы