카테고리 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>
답변을 작성하시기 전에 로그인 해주세요.