Обучение/Помощь новичкам | Position: absolute
dinamko
Здравствуйте, форумчане, проблема заключается в следующем.
Имеется блок с синим фоном, в него вставлена картинка манекена персонажа, так же есть класс в css для кофты который должен с помощью position позиционировать изображение, тем самым наложить его поверх манекена.
Все работает, но позиционирование начинается НЕ с угла БЛОКА, а с угла именно страницы, вот два класса и код:
.fon {
background: blue;
width: 100%;
text-align: center;
}
.kofta {
position: absolute;
top: 50px;
left: 50px;
}
<div class="fon">
<img src="images/skin.png" height="200px">
<img src="images/greenkofta.png" class="kofta" width="200px">
</div>
------
56300_Screenshot_20180511143937.png (56.1 Kb)
Скачиваний: 71
Holter Имеется блок с синим фоном, в него вставлена картинка манекена персонажа, так же есть класс в css для кофты который должен с помощью position позиционировать изображение, тем самым наложить его поверх манекена.
Все работает, но позиционирование начинается НЕ с угла БЛОКА, а с угла именно страницы, вот два класса и код:
.fon {
background: blue;
width: 100%;
text-align: center;
}
.kofta {
position: absolute;
top: 50px;
left: 50px;
}
<div class="fon">
<img src="images/skin.png" height="200px">
<img src="images/greenkofta.png" class="kofta" width="200px">
</div>
Изображение
------
56300_Screenshot_20180511143937.png (56.1 Kb) Скачиваний: 71
Юзай релативе.
desay