position absolute 문제입니다.
도널드
2023.04.01
게시판에 새로운 글이 뜨면 li 옆에 new라는 아이콘으로 보여줄려고 합니다.
각 아이콘의display을 none으로 숨겨놨다가 해당 조건이 만족되면 inline으로 바꿔서 보여줄려고 합니다.
문제는 각 아이콘를 span으로 감싸고 그걸position의 위치를 절대값으로 했더니전부 겹쳐서 나오게 됩니다.
아이콘들을 각각 나오게 할수 있는방법이 없을까요?ex
css 부분
.test {display:inline-block;position:relative;top:326px;left:66px;min-width:15px;height:19px;padding:0 2px;}
li테스트1span class=testimg src=xxxxxx.jpg span/li
li테스트2 span class=testimg src=xxxxxx.jpg span/li/li
li테스트3 span class=testimg src=xxxxxx.jpg span/li/li