묻고답하기

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

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

스크린샷 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 남기남
진이486 png 화일 문제 [1] 2008.08.02 by 라르게덴
고미 1.0.6으로 새로 설치 후, 회원가입/ID비번찾기 불가 [1] 2008.09.26 by 팜그린
바사사 설치오류 [2] file 2008.11.25 by 바사사
김경훈229 댓글에 댓글을 달면 게시물이 사라지는 현상 발생  
고잉홈 익스6에서 png투명백그라운드이미지 회색의 불투명으로 출력 [1] 2010.08.01 by 라르게덴
류중근 1024x768 화면을 쓰는데 글쓰기 버튼이 처박혔어요. [1] 2010.09.11 by ForHanbi
카리브 MSSQL에서 XE로 이전 문제 [1] 2011.02.14 by cycix
디쎔버 ie 핵 질문 [1] 2011.12.19 by XEMANIA
쿵푸팬더 http 406 error 질문입니다. [4] 2014.08.13 by 쿵푸팬더
Lansi PHP-FPM이 일정 주기로 동작을 안 합니다 [12] 2014.12.10 by Lansi
ICMAC 가상호스트 관련해서 도움을 좀 주십시오. [4] 2015.03.22 by ICMAC
바람별 NGINX + XE 설정 저장 문제 [2] 2015.12.13 by garnecia
mjs 대용량 첨부 업로드 관련 [4] file 2015.04.10 by mjs
flowerrain 자바스크립트 메뉴(dtree.js) 문의드립니다. file  
티코GT css에서 정렬은 어떻게 해야하나요? [1] 2015.04.16 by 부산민지아빠
멍멍이호스팅 1.8.x 버전 메일발송문제... [1] 2015.04.18 by socialskyo
YSPark RSS 게시판 업데이터를 통한 글 등록이 되지 않습니다.  
kdp PHP 5.6.8 최신버전에서 정상 작동하나요? [8] 2015.05.03 by kdp
hoss PHP5.2.13에서 5.6으로 업그레이드후 에러발생 [4] 2015.05.05 by hoss
멍멍이호스팅 [XE 1.8.1] 파일업로드 문제 [1] 2015.05.07 by 멍멍이호스팅