카테고리 hover 유지가 안됩니다

카테고리 hover 유지가 안됩니다

QA

카테고리 hover 유지가 안됩니다

본문

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

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


<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를 했던부분을 유지하는 방법을 알려주시면 감사하겠습니다...

이 질문에 댓글 쓰기 :

답변 2

이런식입니다.

 

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

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

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT