[링크]
https://themewagon.com/themes/free-bootstrap-4-html5-gym-website-template-xgym/
[질문]
ㆍ중간으로 내리면 Meet the leaders 라는 부분이 있습니다
ㆍ동그라미 안에 사람 얼굴 이미지가 담겨 있습니다
ㆍ이 동그란 부분 안에서 → 이미지 위치를 조종해서 → 사람 얼굴만 딱 나오게 하고 싶습니다
ㆍ아래와 같이 position을 relative로 바꾸고, top에 마이너스값을 줘봤습니다
ㆍ하지만 안 됩니다
.classname{
position: relative;
top: -10px;
}
sehongpark님의 답변
# 답변입니다.
크게 2가지 방법이 있습니다.
### 1. 이미지 자체를 변경
이미지의 위쪽을 잘라내어, 잘 나오도록 처리한다.
### 2. 이미지를 위쪽으로 옮기는 방법
CSS position 속성을 사용하여 위쪽으로 움직이게 한다.
```
.foo {
position: relative;
top: -20px;
}
```
주의 점! 이미지가 올라가서 전체적인 정렬이 깨질 수 있습니다.
이를 해결하기 위해서는 z-index를 사용하여 해결해야하는데, 상당한 시간과 노력이 필요합니다.