Ändern Sie Text und GIF -Farbe, wenn sie andere GIF überlagern ⇐ HTML

[Anonymous]

Element A ist ein DIV mit einem schwarzen Text (Span -Element) und einem schwarzen Text GIF (IMG -Element), das die Position behoben hat. Element B ist ein Farb-GIF (IMG-Element), das keine Position repariert hat. Wenn Sie Scrollen unterhalten, kann es unter Element A. Lang-CSS PrettyPrint-Override ">

Code: Select all

.overlay {
display: flex;
flex-direction: column;
position: fixed;
}
.text {
font-size: 60px;
color: black;
}
.overlaygif {
width: 250px;
}
.underneathimage {
margin-left: 75px;
margin-top: 300px;
margin-bottom: 500px;
}< /code>

Hello
[img]https://media.tenor.com/iIJVkgtVYgMAAAAi/tom-darondovas-signature.gif[/img]


[img]https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbDRndjFxNWp5NzR4NGJzYmgxM2h5Nm4wbjRldDI2NGs3NGIwa3dwdyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/dvOqEdPBJ6LQMoYa6Z/giphy.gif[/img]

In diesem Video können Sie den Unterschied zwischen dem sehen, was der Codepen gerade tut, und dem, was ich erreichen möchte.>