Как абсолютно спозиционировать элемент внутри marquee?

Question

[vista1x]

JSFiddle: https://jsfiddle.net/1srkavyz/
Необходимо спозиционировать .icon внутри marquee так, что бы .icon находился справа (ну и стоял на месте, естественно. вдобавок к этому, нужно, что бы текст под .icon не был виден)

Знаю, что можно как-то провернуть это, обернув все это в див, но пока не рассматриваю этот вариант, т.к. требуется адаптивность и верстка не такая простая, как в приведенном примере.

Какие есть варианты? Буду благодарен.

Answer 1

[Евгений Бакулин]

задав position для marquee + position: fixed; - для .icon (и задать положение внутри marquee)
P.S. Увы, не работает!
Чтоб не двигался, надо выносить .icon из-под marquee!
Общая вёрстка - примерно, такая:

<div>
<marquee></marquee>
<i></i>
</div>

Стилями позиционировать marquee и i внутри div'а - так, как надо (может быть, с применением z-index)

Comments

[vista1x]

fixed ведь зафиксирует элемент относительно всей страницы. разве нет?
впрочем, ничего не вышло: https://jsfiddle.net/1srkavyz/2/

[vista1x]

Да, спасибо, но этот вариант я пока не рассматриваю по некоторым причинам. Если не найдется другого варианта, придется переделывать под такой.
Спасибо за попытку помочь!

[Евгений Бакулин]

vista1x: если у родителя absolute, то - относительно родителя (по крайней мере, с absolute - так - тут, вообще-то, fixed не критичен - можно и absolute использовать)