Черные полосы появляются при перемещении изображения в CSS ⇐ CSS

[Anonymous]

Я начал использовать HTML/CSS, JS около недели назад и столкнулся с небольшой проблемой. Я использую карусель начальной загрузки, и она отлично работает, однако, когда я пытаюсь переместить изображение вверх, внизу появляются черные полосы, как будто что-то автоматически обрезает мои изображения.
Когда я настраиваю «низ» на 50 пикселей, я получаю эти черные полосы, но мое намерение состоит в том, чтобы просто сдвинуть изображение вверх. это полное изображение, поэтому я на 100% уверен, что внизу есть что-то. Кто-нибудь знает, что происходит?

Код: Выделить всё

  #img1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0.5;

Код: Выделить всё

[list]
[*]
[*]
[/list]

[img]https: //i.sstatic.net/TTd9KrJj.png[/img]




Подробнее здесь: https://stackoverflow.com/questions/786 ... age-in-css