포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 문제풀이
2014.02.10 20:30
http://www.apple.com/support/
애플쪽 메뉴를 보면 메뉴 나눔이 3줄처리입니다.
이게 hover일때는 메뉴나눔과 컬러가 큰 차이가 없어셔 별로 못느끼는데
active일때는 배경색이 확 차이 나기에 일반적인 처리로는 매끄럽지 못하거든요.
첨부 이미지처럼 test 좌측이 우측과 많이 달라 보입니다.
이 부분을 매끄럽게 우측처럼 처리하기...
전 몇시간 고민하다가 결국 애플쪽 사이트 열어서 답을 보고 이해했습니다 ㅠ.ㅠ
하지만 상당히 재미있더군요.
답도 재미있고...
심심한 분들 한번 풀어보세요...
팁이라면 js도 조금 활용해야 합니다.
댓글 5
-
이온디
2014.02.11 00:10
-
ForHanbi
2014.02.11 04:46
전 이미지 처리를 했습니다.
아무래도 의뢰쪽 일은 보여줄때 문제가 없어야 해서...
-
ToFinder
2014.02.11 08:01
일반적인 배경을 두고 액티브 일때 투명 회색 배경을 덮어씌우면... 안될까요? ㅎ.
-
ForHanbi
2014.02.11 10:58
미묘하게 차이가 납니다.
-
ToFinder
2014.02.11 18:44
핫.. 그렇군요... 미묘하게는 무신경으로 덮어버리심이?... ^^
얼핏 보면 같아요~~~~~ ㅎㅎㅎ. 하면서요 음..
저긴 IE7도 제대로 보이겠죠? -_-a
저도 저 비슷하게 만들었는데 IE7에서 깨지더라구요..