О, дорогой Господь!
Хорошо. Они не пересекаются, потому что они расположены статически один над другим. Вторая пунктирная рамка не может выйти за предел первого.
можно решить* эта проблема путем отклеивания пунктирных рамок друг от друга использующего абсолютное расположение. Тогда вдвойне-вложенное-множество каждый с различным горизонтальным и вертикальным движением:
<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 ='make отвратительная путаница'.
Это в целях иллюстрации только. Не используйте это.
Не используйте тег пунктирной рамки, это нестандартно и устаревше. Пользуйтесь некоторой библиотекой JavaScript как jQuery UI для любого вида анимации.
Пользуйтесь библиотекой JavaScript или если не используют settimeout JavaScript плюс абсолютное расположение & dhmtl.
У меня когда-то было электронное письмо (среда JavaScript меньше) от компании, пытающейся продать мне то или другое. Подпись использовала тег пунктирной рамки для скольжения в строках по одному, и они тогда остались помещенными. Это было блестяще сделано - как раз достаточно перемещения для попадания на глаза внимания, и конечно не вызывающее смущение, как мы обычно ожидаем от пунктирной рамки.
уроки, которые я извлек, a) та пунктирная рамка все еще имеет свое место, неважно, как маленький и b) 'Все обобщения плохи'. Что касается нестандартного/устаревшего - Outlook в значительной степени продиктовал, что единственное правило в электронных письмах HTML состоит в том, что, если он работает, это хорошо. Там будучи бесполезен в полировке you-know-what.