Как дочерний элемент может переопределить опыт своего родителя?Html

Программисты Html
Ответить
Anonymous
 Как дочерний элемент может переопределить опыт своего родителя?

Сообщение Anonymous »

На черном фоне есть белые буквы. Между словами, которые отображают видео, могут быть прямоугольные пространства. Как я могу достичь такого поведения? Я пытался использовать Mix-Blende-Mode, но прямое элемент всегда испаряется в родительский фон. Я пытался с псевдо-элементами и давая различную z-индекс/позицию элементам, но я не могу этого сделать. />

Код: Выделить всё

* {
box-sizing: border-box;
}
html, body {
block-size: 100%;
}

body {
margin: 0;
}

.content {
position: relative;
width: 100%;
height: 100%;
}

.text {
font-size: 10vi;

}

.text-block {
position: relative;
z-index: 2;
background-color: black;
color: white;
padding: 30px;
width: 100%;
height: 100%;
}

.rect {
display: inline-block;
width: 150px;
height: 5vi;
margin: 0 10px;
position: relative;
z-index: 1;

}

.video {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}< /code>


We're here

 to make healthy 

livin effortless,
 so you can

live longer
and happier









Подробнее здесь: https://stackoverflow.com/questions/795 ... background
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»