css 미치겠네요 ㅠㅠ 하루종일 붙잡고있습니다 ㅠㅠ
본문
css부분 .sel_box li:after 이부분 이미지를 적용해서 나오게끔 하고싶은데 왜안되는걸까요 ㅠㅠ?
.sel_box li:after{
background: url(https://d2vuiy1usuyehj.cloudfront.net/assets/icons/ico_expand_black.svg) no-repeat right 12px top 50%;
padding-right: 30px;
}
.sel_box li { box-sizing: border-box;margin-left: 10px;
display: inline-block;
height: 40px;
vertical-align: middle;
padding: 0 12px;
border: 0.7px solid #a3a3a3;
border-radius: 5px;
font-size: 13px;
line-height: 40px;}
.sel_box li:nth-child(1) {margin-left: 0px;}
html 부분
<div class="sel_box" >
<ul>
<li>
<a class="btn js-click-modal">
<?php
if($list[$i]['wr_9']) { // 내용이 있을경우
echo str_replace('.', '', $_GET['wr_9']);
} else { // 그렇지 않을경우
echo "식사종류";
}
?></a>
</li>
<li>
<a href="#" onclick="openLayer('layerPop1',0,0)">
<?php
if($list[$i]['wr_9']) { // 내용이 있을경우
echo str_replace('.', '', $_GET['wr_9']);
} else { // 그렇지 않을경우
echo "콜키지";
}
?></a>
</li>
<li>
<a href="#" onclick="openLayer('layerPop1',0,0)">
<?php
if($list[$i]['wr_9']) { // 내용이 있을경우
echo str_replace('.', '', $_GET['wr_9']);
} else { // 그렇지 않을경우
echo "주차";
}
?></a>
</li>
</ul>
</div>
답변 4
background: url('~~~~')해도 안됩니까?
어떤식으로 안되는지에 대한 설명이 빠져 있습니다.
캡쳐해서 현 상태가 이렇고 원래 의도하신 모양은 이렇다는 식의 설명이 빠져 있습니다.
혼자해결했습니당.
혼자해결했습니당.
답변을 작성하시기 전에 로그인 해주세요.