지도작업 문의

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    지도작업 문의

    QA

    지도작업 문의

    본문

    아래 페이지처럼 지도작업을 하고 싶은데 어떻게 하면될까요?

    마우스 오버시 설명글과 코스가 눈에 띄게 하려면 어떻게 해야 할까요? 이미지맵 작업으로 가능한지 아니면 응용할 수 있는 프로그램이 있을까? 하여 고수님들께 문의드립니다. 

    http://www.naepotrail.org/

    3718244997_1662357461.166.png

    #이미지맵

    이 질문에 댓글 쓰기 :

    답변 2

    그누소스 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    39.♡.♡.22
    
<div class="cm_hero">
            <div class="wrap">
                <div class="cmh_wrap">
                    <div class="cmh_course">
                        <a href="/wonhyo/1#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 1코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 14.4KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/2#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 2코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 13.2KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/3#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 3코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 11.0KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/4#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 4코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 11.3KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/5#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 5코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 9.5KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/6#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 6코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 10.4KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/7#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 7코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 21.2KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/8#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 7-1코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 4.4KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/9#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 8코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 5.6KM</span>
                            </div>
                        </a>
                        <a href="/wonhyo/10#mynav">
                            <div class="cmhc_tooltip wonhyo">
                                <span>원효깨달음길 8-1코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 5.2KM</span>
                            </div>
                        </a>
                        <a href="/catholic/1#mynav">
                            <div class="cmhc_tooltip catholic">
                                <span>내포천주교순례길 1코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 16.5KM</span>
                            </div>
                        </a>
                        <a href="/catholic/2#mynav">
                            <div class="cmhc_tooltip catholic">
                                <span>내포천주교순례길 2코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 15.4KM</span>
                            </div>
                        </a>
                        <a href="/catholic/3#mynav">
                            <div class="cmhc_tooltip catholic">
                                <span>내포천주교순례길 3코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 9.8KM</span>
                            </div>
                        </a>
                        <a href="/catholic/4#mynav">
                            <div class="cmhc_tooltip catholic">
                                <span>내포천주교순례길 4코스</span>
                                <span>난이도: 난이도중</span>
                                <span>총 길이: 14.4KM</span>
                            </div>
                        </a>
                        <a href="/catholic/5#mynav">
                            <div class="cmhc_tooltip catholic">
                                <span>내포천주교순례길 5코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 2.3KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/1#mynav">
                            <div class="cmhc_tooltip t1 baekjae">
                                <span>백제부흥군길 1코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 16.5KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/2#mynav">
                            <div class="cmhc_tooltip t1 baekjae">
                                <span>백제부흥군길 2코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 13.6KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/3#mynav">
                            <div class="cmhc_tooltip t1 baekjae">
                                <span>백제부흥군길 3코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 10.9KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/4#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 4코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 12.3KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/5#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 4-1코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 6.4KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/6#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 5코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 9.7KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/7#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 6코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 11.1KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/8#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 7코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 17.0KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/9#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 8코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 11.4KM</span>
                            </div>
                        </a>
                        <a href="/baekjae/10#mynav">
                            <div class="cmhc_tooltip baekjae">
                                <span>백제부흥군길 9코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 9.6KM</span>
                            </div>
                        </a>
                        <a href="/character/1#mynav">
                            <div class="cmhc_tooltip character">
                                <span>내포역사인물길 1코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 11.1KM</span>
                            </div>
                        </a>
                        <a href="/character/2#mynav">
                            <div class="cmhc_tooltip character">
                                <span>내포역사인물길 2코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 9.7KM</span>
                            </div>
                        </a>
                        <a href="/character/3#mynav">
                            <div class="cmhc_tooltip character t1">
                                <span>내포역사인물길 3코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 15.6KM</span>
                            </div>
                        </a>
                        <a href="/character/4#mynav">
                            <div class="cmhc_tooltip character t1">
                                <span>내포역사인물길 4코스</span>
                                <span>난이도: 상</span>
                                <span>총 길이: 13.1KM</span>
                            </div>
                        </a>
                        <a href="/character/5#mynav">
                            <div class="cmhc_tooltip character">
                                <span>내포역사인물길 5코스</span>
                                <span>난이도: 하</span>
                                <span>총 길이: 2.3KM</span>
                            </div>
                        </a>
                        <a href="/donghak/1#mynav">
                            <div class="cmhc_tooltip donghak">
                                <span>내포동학길 1코스</span>
                                <span>난이도: 중</span>
                                <span>총 길이: 9.4KM</span>
                            </div>
                        </a>
                    </div>
                    <img src="./images/common/hero_map.png">
                    <div class="cmh_mark"></div>
                </div>
                <ul class="cmh_list">
                    <li class="wonhyo">
                        <strong>
                            <span>원효깨달음길</span><i></i>
                        </strong>
                        <ul>
                            <li><a href="/wonhyo/1#mynav"><span>1 코스</span></a></li>
                            <li><a href="/wonhyo/2#mynav"><span>2 코스</span></a></li>
                            <li><a href="/wonhyo/3#mynav"><span>3 코스</span></a></li>
                            <li><a href="/wonhyo/4#mynav"><span>4 코스</span></a></li>
                            <li><a href="/wonhyo/5#mynav"><span>5 코스</span></a></li>
                            <li><a href="/wonhyo/6#mynav"><span>6 코스</span></a></li>
                            <li><a href="/wonhyo/7#mynav"><span>7 코스</span></a></li>
                            <li><a href="/wonhyo/8#mynav"><span>7-1 코스</span></a></li>
                            <li><a href="/wonhyo/9#mynav"><span>8 코스</span></a></li>
                            <li><a href="/wonhyo/10#mynav"><span>8-1 코스</span></a></li>
                        </ul>
                    </li>
                    <li class="catholic">
                        <strong>
                            <span>내포천주교순례길</span><i></i>
                        </strong>
                        <ul>
                            <li><a href="/catholic/1#mynav"><span>1 코스</span></a></li>
                            <li><a href="/catholic/2#mynav"><span>2 코스</span></a></li>
                            <li><a href="/catholic/3#mynav"><span>3 코스</span></a></li>
                            <li><a href="/catholic/4#mynav"><span>4 코스</span></a></li>
                            <li><a href="/catholic/5#mynav"><span>5 코스</span></a></li>
                        </ul>
                    </li>
                    <li class="baekjae">
                        <strong>
                            <span>백제부흥군길</span><i></i>
                        </strong>
                        <ul>
                            <li><a href="/baekjae/1#mynav"><span>1 코스</span></a></li>
                            <li><a href="/baekjae/2#mynav"><span>2 코스</span></a></li>
                            <li><a href="/baekjae/3#mynav"><span>3 코스</span></a></li>
                            <li><a href="/baekjae/4#mynav"><span>4 코스</span></a></li>
                            <li><a href="/baekjae/5#mynav"><span>4-1 코스</span></a></li>
                            <li><a href="/baekjae/6#mynav"><span>5 코스</span></a></li>
                            <li><a href="/baekjae/7#mynav"><span>6 코스</span></a></li>
                            <li><a href="/baekjae/8#mynav"><span>7 코스</span></a></li>
                            <li><a href="/baekjae/9#mynav"><span>8 코스</span></a></li>
                            <li><a href="/baekjae/10#mynav"><span>9 코스</span></a></li>
                        </ul>
                    </li>
                    <li class="character">
                        <strong>
                            <span>내포역사인물길</span><i></i>
                        </strong>
                        <ul>
                            <li><a href="/character/1#mynav"><span>1 코스</span></a></li>
                            <li><a href="/character/2#mynav"><span>2 코스</span></a></li>
                            <li><a href="/character/3#mynav"><span>3 코스</span></a></li>
                            <li><a href="/character/4#mynav"><span>4 코스</span></a></li>
                            <li><a href="/character/5#mynav"><span>5 코스</span></a></li>
                        </ul>
                    </li>
                    <li class="donghak">
                        <strong>
                            <span>내포동학길</span><i></i>
                        </strong>
                        <ul>
                            <li><a href="/donghak/1#mynav"><span>1 코스</span></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="cmh_deco">
                <i></i><i></i><i></i><i></i>
            </div>
        </div>

     

     

    [code]

     

    /* 히어로 */

    #contents.c_main .cm_hero {position:relative; overflow:hidden; width:100%; height:auto; background-image:url("http://www.naepotrail.org/images/common/bg_hero.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}

    #contents.c_main .cm_hero .cmh_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}

    #contents.c_main .cm_hero .cmh_wrap > img {width:100%;}

    #contents.c_main .cm_hero .cmh_course {content:""; position:absolute; left:0; right:0; top:0; bottom:0;}

    #contents.c_main .cm_hero .cmh_course:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background-image:url("http://www.naepotrail.org/images/common/hero_map_markfont.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; pointer-events: none; }

    #contents.c_main .cm_hero .cmh_course:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-image:url("http://www.naepotrail.org/images/common/hero_map_marknum.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; pointer-events: none; }

    #contents.c_main .cm_hero .cmh_course a:hover .cmhc_tooltip {visibility: visible;}

    #contents.c_main .cm_hero .cmh_course span {display:inline-block; vertical-align:middle; width:100%; text-align:left;}

    #contents.c_main .cm_hero .cmh_course a {position:absolute; z-index:0; background-repeat:no-repeat; background-size:100% auto; background-position:center;}

    #contents.c_main .cm_hero .cmh_course a:nth-child(1) {left:44%; bottom:34%; width:14%; height:8%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo01.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(2) {left:49%; bottom:19%; width:9%; height:17%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo02.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(3) {left:37%; bottom:22%; width:14%; height:8%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo03.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(4) {left:31%; bottom:25%; width:11%; height:10%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo04.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(5) {left:31%; bottom:29%; width:14%; height:9%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo05.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(6) {left:23%; bottom:30%; width:9%; height:17%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo06.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(7) {left:3%; bottom:27%; width:23%; height:16%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo07.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(7):hover {z-index:auto;}

    #contents.c_main .cm_hero .cmh_course a:nth-child(8) {left:9%; bottom:31%; z-index:0; width:5%; height:10%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo07-1.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(9) {left:17%; bottom:18%; width:4%; height:12%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo08.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(10) {left:18%; bottom:16%; width:5%; height:6%; background-image:url("http://www.naepotrail.org/images/common/hero_road_wonhyo08-1.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(11) {left:22%; top:13%; width:15%; height:16%; background-image:url("http://www.naepotrail.org/images/common/hero_road_catholic01.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(12) {left:35%; top:25%; width:17%; height:16%; background-image:url("http://www.naepotrail.org/images/common/hero_road_catholic02.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(13) {left:49%; top:35%; width:5%; height:23%; background-image:url("http://www.naepotrail.org/images/common/hero_road_catholic03.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(14) {left:44%; bottom:13%; width:10%; height:31%; background-image:url("http://www.naepotrail.org/images/common/hero_road_catholic04.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(15) {right:31%; bottom:44%; width:2%; height:4%; background-image:url("http://www.naepotrail.org/images/common/hero_road_catholic05.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(16) {right:2%; bottom:37%; width:9%; height:24%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae01.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(17) {right:8%; top:26%; width:14%; height:14%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae02.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(18) {right:20%; top:21%; width:13%; height:8%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae03.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(19) {right:32%; top:13%; width:18%; height:12%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae04.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(20) {right:37%; top:19%; width:5%; height:7%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae04-1.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(21) {right:48%; top:13%; width:15%; height:10%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae05.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(22) {left:28%; top:15%; width:11%; height:11%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae06.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(23) {left:18%; top:24%; width:12%; height:31%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae07.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(24) {left:9%; bottom:39%; width:15%; height:9%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae08.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(25) {left:15%; bottom:42%; width:6%; height:7%; background-image:url("http://www.naepotrail.org/images/common/hero_road_baekjae09.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(26) {right:35%; bottom:37%; width:15%; height:9%; background-image:url("http://www.naepotrail.org/images/common/hero_road_character01.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(27) {right:25%; bottom:34%; width:12%; height:10%; background-image:url("http://www.naepotrail.org/images/common/hero_road_character02.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(28) {right:6%; bottom:34%; width:21%; height:11%; background-image:url("http://www.naepotrail.org/images/common/hero_road_character03.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(29) {right:15%; bottom:12%; width:17%; height:8%; background-image:url("http://www.naepotrail.org/images/common/hero_road_character04.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(30) {right:40%; bottom:61%; width:2%; height:4%; background-image:url("http://www.naepotrail.org/images/common/hero_road_character05.png");}

    #contents.c_main .cm_hero .cmh_course a:nth-child(31) {left:18%; bottom:33%; width:6%; height:15%; background-image:url("http://www.naepotrail.org/images/common/hero_road_donghak01.png");}

    #contents.c_main .cm_hero .cmh_deco {display:none;}

     

    #contents.c_main .cm_hero .cmh_course a:hover {z-index:1;}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(1) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo01.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(2) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo02.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(3) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo03.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(4) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo04.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(5) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo05.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(6) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo06.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(7) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo07.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(8) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo07-1.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(9) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo08.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(10) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_wonhyo08-1.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(11) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_catholic01.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(12) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_catholic02.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(13) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_catholic03.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(14) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_catholic04.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(15) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_catholic05.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(16) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae01.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(17) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae02.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(18) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae03.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(19) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae04.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(20) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae04-1.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(21) {background-image:url("http://www.naepotrail.org/images/common/hero_road_hover_baekjae05.png");}

    #contents.c_main .cm_hero .cmh_course a:hover:nth-child(22) {background

    엑스엠엘 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    173.♡.♡.247

    투명한 이미지 위에 이미지맵으로 하자면

    각 코스마다 링크를 걸고

    링크에 mousevoer에 배경 이미지를 변경하는 방식으로 되지 않을까요?

     

    아니면, svg로

     

    http://thenewcode.com/696/Using-SVG-as-an-Alternative-To-Imagemaps

    답변을 작성하시기 전에 로그인 해주세요.
    전체 123,593 | RSS
    QA 내용 검색

    회원로그인

    인기태그
    #그누보드5(59560) #영카트5(16782) #php(14967) #그누보드4(10633) #게시판(3156) #javascript(2633) #그누보드(2345) #css(2042) #mysql(1509) #모바일(1271) #영카트(1270) #그누커머스(1178) #html(1098) #jquery(1013) #자바스크립트(936) #최신글(932) #DB(818) #로그인(792) #이미지(762) #여분필드(736)
    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT