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

카테고리 hover 유지가 안됩니다 채택완료

고끼리아저씨 5년 전 조회 4,076

안녕하세요 갤러리를 한개 만들고 있는데

카테고리에 선택했다는 부분을 구별하고 싶은데 hover는 들어오는데 카테고리 마우스을 올리면 css가 제대로 들어가는데 클릭을 해서 이동을 하면 구별하는게 풀려버리네요

</strong></p>

<p><style></p>

<p>#menu_div2{

    position: absolute;

    width:100%;

    height:60px;

    bottom: 0;

    background-color:rgba(0, 0, 0, 0.6); /*살짝 투명한 검정으로 배경색*/ 

    

}</p>

<p>

#menu_div2 > div > div{

    float : left;

    margin: 0px 10px 0px 10px;    

    

}

/*

.menu_div2 > div > div > a{

    background-color: #b94545;

}

*/

#menu_div2 > div{

    position: absolute;

    left : 50%;

    margin-left: -790px;

    top:23px;

}</p>

<p>

#menu_div2 > div > div >a{

    padding : 23px 100px 19px 100px;

    font-size: 17px;    

    text-align: center;

    box-sizing: border-box;

    

}</p>

<p>.link1 {

  color: #ffffff;

  font-size: 20px;

  text-decoration: none;

}

    

.link1:hover {

  transition: 0.5s;

  background-color: #FFFFFF;

  color: #000000;</p>

<p>}</p>

<p></style></p>

<p> </p>

<p><div id="menu_div2">

            <div>

                <div><a href="/bbs/board.php?bo_table=b611" class="link1">SMART FACTORY</a></div>

                <div><a href="/bbs/board.php?bo_table=b611&sca=AFBIS" class="link1">AFBIS</a></div>

                <div><a href="/bbs/board.php?bo_table=b611&sca=전기전자MES" class="link1">전기/전자MES</a></div>

                <div><a href="/bbs/board.php?bo_table=b611&sca=식품MES" class="link1">식품MES</a></div>

                <div><a href="/bbs/board.php?bo_table=b611&sca=조선선PLM+&+FACTORY" class="link1">조선PLM & MES</a></div>

            </div>

        </div></p>

<p><strong>

hover를 했던부분을 유지하는 방법을 알려주시면 감사하겠습니다...

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

답변 2개

채택된 답변
+20 포인트

해당 클래스에 액션값을 추가를 해주셔야합니다.

링크참조해주세요.

https://www.w3schools.com/code/tryit.asp?filename=GAIM01VNDKYN">https://www.w3schools.com/code/tryit.asp?filename=GAIM01VNDKYN

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

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

d
5년 전

이런식입니다.

 

.link1:hover,.link1.on {   transition: 0.5s;   background-color: #FFFFFF;   color: #000000; }

 

 

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

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

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

로그인