実際、私はあるボックスを別のボックス内で交互に移動しようとしています。 うまくいきましたが、両方のブロックが互いに干渉しません。 どうすればよいでしょうか? ブロックを互いに交差させるにはどうすればよいですか? style:position を使用してみましたが、うまくいきません。
私が使用しているコードは次のとおりです。
<marquee direction="down" behavior="alternate" scrollAmount=10 style="border:2px solid blue;">
<marquee behavior="alternate" scrollAmount=50 >
<img src="img1.JPG">
</marquee>
<marquee behavior="alternate" scrollAmount=10 >
<img src="img1.JPG">
</marquee>
</marquee>
何が間違っているのでしょうか?
ベストアンサー1
ああ、神様!
そうですね。それらは静的に上下に配置されているため交差しません。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='make a hidous mess of'。
これは説明目的のみです。使用しないでください。