SIR
목록으로

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

고끼리아저씨
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 조회 4,198
답변 2
목록

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

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

Copy 
<style>

#menu_div2{
    position: absolute;
    width:100%;
    height:60px;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.6); /*살짝 투명한 검정으로 배경색*/ 
    
}


#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;
}


#menu_div2 > div > div >a{
    padding : 23px 100px 19px 100px;
    font-size: 17px;    
    text-align: center;
    box-sizing: border-box;
    
}

.link1 {
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}
    
.link1:hover {
  transition: 0.5s;
  background-color: #FFFFFF;
  color: #000000;

}

</style>

 

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

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

#그누보드5 #hover #css

답변 2개

채택된 답변
+20 포인트

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

링크참조해주세요.

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

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

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

이런식입니다.

 

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


 <div><a href="/bbs/board.php?bo_table=b611&sca=AFBIS" class="link1 <?php if ($sca=="AFBIS") echo "on"; ?>">AFBIS</a></div>
 

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

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

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

로그인
🐛 버그신고