묻고답하기

이미지에 보이는곳에 마우스오버를 하면 블루컬러가 나오는데

나오기 전에 흰색 박스부분들을 각자 다른 이미지를 삽입하고싶어요.

스크린샷 2015-07-08 오전 10.48.29.png


/* section.main3 */
.main_content .main3{width:100%;margin:0;height:450px;padding-top:0px;}
.main_content .main3 .noti,
.main_content .main3 .tit,
.main_content .main3 .cont{width:1200px;margin-left:auto;margin-right:auto}
.main_content .main3 .cont{font-size:15px;line-height:27px;}
.main_content .main3 ul{overflow:hidden;margin-top:-50px;padding:0 20px}
.main_content .main3 li{float:left;width:25%;height:480px}
.main_content .main3 li .fe_box{height:400px;margin:0 5px;padding:0 10px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}

 

.main_content .main3 .fe_box h2{font-size:21px;color:#555;font-weight:normal}
.main_content .main3 .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6}
.main_content .main3 .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.main_content .main3 .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a}
.main_content .main3 .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.main_content .main3 .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.main_content .main3 .fe_box.on{background-color:#cda25a}
.main_content .main3 .fe_box.on .fe_top{top:-104px}
.main_content .main3 .fe_box.on .fe_bottom{top:-67px}
.main_content .main3 .fe_box.on h2{color:#f6f6f6}

 

 

소스에서 밑줄친빨간 부분이 흰색박스에 컬러를 변경하는 부분인데요

저기에서 컬러를 지정하면 한번에 컬러가 4개 다 바뀌는데 여기에서 각각 따로 하려면 어떻게 해야하는지 ㅠㅠ고수님들 도와주세용..

 

 

태그 연관 글
  1. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  2. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  3. [2018/11/15] 묻고답하기 아이디찾기 jsp파일 문의 드립니다. by hgh0328 *1
  4. [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ by tosky****
  5. [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 by 예스24 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
シャオリン 카운터를 달려고 하는데요 [2] 2007.08.10
홍성제 로그인,회원 이런거 없앨수 없나요? [1] 2007.08.10
정길호 퍼미션 조정이 안됩니다~ [3] 2007.08.10
황선정 사운드를 달고싶습니다. [3] 2007.08.10
이제명 fdsa [2] 2007.08.10
정인석 제로보드 그룹번호에 관해서..  
김정선 비트맵 폰트 쓰는 법 [1] 2007.08.10
小寶露[소보로] 이미지 관련 질문입니다. [1] 2007.08.10
서아름 저 포토샵에서 이미지를 만들구요 [1] 2007.08.10
우트라 리프레시할때요..소리안나게 하는 방법이 없을까요..? [1] 2007.08.10
ⓢⓞⓡⓘ™ [게시판활용] 왼쪽에 있는 목록을 클릭하면 바로 오른쪽에서 내용을 볼수있는...... [2] 2007.08.10
김종국 [긴급]부탁드립니다. 고수님들... [2] 2007.08.10
한창민 아직도 답변을 찾지 못해. 웹상에서 jpg이미지가 뜨지 않을때.. [5] 2007.08.10
예스맨 노프레임 페이지 만들다가 문제점에 봉착 ㅡ.ㅡ'''' [1] 2007.08.10
날자날자 왜 안될까요..? [2] 2007.08.10
남일이찌개 이거 어떻게 하는건가요?? [2] 2007.08.10
박영창 미리 이미지를 사이트에서 다운받아서 캐슁하는 방법은 없나요? [1] 2007.08.10
김종국 [긴급]부탁드립니다.클라이언트 특정파일 [1] 2007.08.10
genie 동적으로 class 를 바꿀수 있나요?  
맷라이더 제발. 세번째 글올려요..... [2] 2007.08.10
박영창 이미지가 로딩이 안됩니다. (한번에..) [1] 2007.08.10
。I징:) 제로보드 회원 데이터는 어딜로 들어가나요? [1] 2007.08.10
박민수 가로 홈페이지를 만들고 싶은데..  
이순영 플래쉬에서요 배경을 투명하게 하고 싶은데,... [2] 2007.08.10
이혜경 불량섹터에 관한질문 [1] file 2007.08.10
임병욱 제가 가지고 있는 웹하드에 링크를 시키고 싶은데 그건 안되는건가요?  
한신 포토샵에서 [1] 2007.08.10
지성우 프레임하고 프레임 사이에 벌어지는거 어떻게 오무려요... file  
。I징:) hostname이 뭔가요? [2] 2007.08.10
김건 안녕하세요..팝업에 관한 질문드립니다. [1] 2007.08.10