относительное положение DIV сжимается с изображениями абсолютного положения внутри - PullRequest
Новая
       29

относительное положение DIV сжимается с изображениями абсолютного положения внутри

0 голосов
/ 04 октября 2019

Я делаю замену для <marquee>. У меня есть <div> с <image> с внутри. Чтобы переместить <image> s, мне нужно, чтобы они были position:absolute, а <div> должен иметь overflow:hidden, чтобы скрыть «излишки» по бокам, вот код: 

<div style="overflow:hidden;position:relative">
  <img src="photo.jpg" style="position:absolute" name="img" />
  ... (many more images)
</div>

Часть javascript - это просто таймер, уменьшающий атрибут left <image> s.

Проблема в том, что <div> уменьшается и исчезает, когда <image> s равны position:absolute иэто происходит из-за overflow:hidden. Я попытался использовать внешний <div>, но случилось то же самое. Я не могу установить фиксированное height на <div>, потому что пользователь может загружать изображения любого размера, большие или маленькие и в любом количестве.

¿Как сохранить абсолютные значения <image> и скрыть«избыток» вне <div> без усадки?

1 Ответ

0 голосов
/ 04 октября 2019

Не уверен, что ваш подход будет работать, но это должно ответить на ваш вопрос. Просто добавьте «скрытое» изображение, которое не имеет абсолютной позиции: 

<div style="overflow:hidden;position:relative">
  <img src="photo.jpg" style="visibility:hidden" name="img" />
  <img src="photo.jpg" style="position:absolute" name="img" />
  ... (many more images)
</div>

При наличии видимости: скрытый элемент не будет виден, но будет использовано пространство. Вы можете удалить это, поскольку другие изображения будут перекрываться.

Надеюсь, это поможет.

...