목록으로

css 질문입니다. 채택완료

박정인 6년 전 조회 2,715

사진안에 서로 엇갈리게 나오는 이미지들 어떻게 css처리 해야하나요??

div태그안에 img로 넣었습니다. img클래스이름은 따로 주진 않았고

css에서 nth:child써서 저렇게 바꾸고싶습니다.

#영카트5 #그누보드5 #css3

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

SNS박스

6년 전

nth-child가 하나씩 늘어날때마다 z-index를 1씩 높이면 캡쳐이미지와 같이 보여집니다.

높이 정렬은 짝수요소, 홀수요소에 따라 css에서 높이를 조절해주면 될것 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

hyung

6년 전

https://homzzang.com/b/css-113" rel="nofollow noreferrer noopener" target="_blank">https://homzzang.com/b/css-113 (z-index)

https://homzzang.com/b/css-108" rel="nofollow noreferrer noopener" target="_blank">https://homzzang.com/b/css-108 (position)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sinbi Expert

6년 전

아래 좌표글 참고해 작업해 보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.