哦,亲爱的主!
好。它们不会交叉,因为它们静态地一个在另一个之上。第二个选框不能超过第一个。
您可以通过使用绝对定位将选取框彼此分开来解决*这个问题。然后用不同的水平和垂直运动对每一个进行双重嵌套:
<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>
*:对于“解决”的值“x”,其中 x=“弄得一团糟”。
这仅用于说明目的。请不要使用这个。