ああ、親愛なる主よ!
良い。それらは静的に上下に配置されているため、交差しません。2 番目のマーキーは、最初のマーキーを超えることはできません。
この問題は、絶対配置を使用してマーキーを互いに切り離すことで解決できます*。次に、異なる水平方向と垂直方向の動きでそれぞれを二重にネストします。
<div style="border:2px solid blue; position: relative;">
<marquee direction="down" behavior="alternate" scrollAmount="10">
<marquee behavior="alternate" scrollAmount="50"><img src="img1.jpeg" alt="oh no" /></marquee>
</marquee>
<marquee direction="down" behavior="alternate" scrollAmount="20" style="position: absolute; top: 0;">
<marquee behavior="alternate" scrollAmount="10"><img src="img1.jpeg" alt="help meee" /></marquee>
</marquee>
</div>
*: 'solve' の値 'x' の場合、x='おぞましい混乱を引き起こします'。
これは説明のみを目的としています。これを使用しないでください。