Обтекание текстом блока с position:absolute?

Question

[andrey16022020]

Подскажите пожалуйста, как сделать так, чтобы текст обтекал оранжевый блок? Возможно на JS? В процессе прокрутки текста блок должен оставаться на своем месте, т.е. postion:abslute;

пример пока без обтекания https://jsfiddle.net/hcpumLt3/
Заранее спасибо!

Answer 1

[Alex]

Никак. postion:absolute выносит элемент, так сказать на другой слой. Поэтому текст не может его обтекать. Для этого они должны быть на одном слое.

Comments

[andrey16022020]

Хорошо пусть не position:absolute, может быть через js? Но как сделать так, чтобы оранжевый блок был зафиксирован, а текст под ним прокручивался и обтекал этот блок? В дальнейшем, на оранжевый блок планируется поместить кнопки управления...

[html-css]

andrey16022020, какая то тупая затея

[andrey16022020]

html-css, Если эта затея вам кажется тупой, совсем не обязательно демонстрировать токсичность в общении. Возможно, так будет яснее:

На рисунке кольцевой индикатор и 4 кнопки. Все вместе кнопки и индикатор находится в div, который имеет фиксированное положение и парит над текстом. Текст можно прокручивать отдельного от div с кнопками и индикатором, но при это текст не должен скрываться за этим div. Т.е. текст заканчивается сверху и продолжается сразу за div без потерь.