테스트 사이트 - 개발 중인 베타 버전입니다

css 미치겠네요 ㅠㅠ 하루종일 붙잡고있습니다 ㅠㅠ 채택완료

minsin 5년 전 조회 3,827

 

css부분 .sel_box li:after 이부분 이미지를 적용해서 나오게끔 하고싶은데 왜안되는걸까요 ㅠㅠ?

 

</p>

<p>.sel_box li:after{

    background: url(<a href="https://d2vuiy1usuyehj.cloudfront.net/assets/icons/ico_expand_black.svg)" target="_blank" rel="noopener noreferrer">https://d2vuiy1usuyehj.cloudfront.net/assets/icons/ico_expand_black.svg)</a> 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;}</p>

<p>

 

 

html 부분

</p>

<p><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></p>

<p>        <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></p>

<p>

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

답변 4개

채택된 답변
+20 포인트
들레아빠

background: url('~~~~')해도 안됩니까?

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

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

minsin
5년 전

혼자해결했습니당.

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

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

minsin
5년 전

혼자해결했습니당.

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

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

어떤식으로 안되는지에 대한 설명이 빠져 있습니다.

캡쳐해서 현 상태가 이렇고 원래 의도하신 모양은 이렇다는 식의 설명이 빠져 있습니다.

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

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

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

로그인