상속문제입니다 ㅠㅠ
파라나
.gnb{position:absolute; right:0; top:46px;}
.gnb ul{}
.gnb ul li{float:left;}
.gnb ul li a{display:block; height:55px;}
.menu01, .menu02_off, .menu03_off, .menu04_off, .menu05_off{background: no-repeat;}
.menu01{width:167px;background:url(../images/common/menu1.gif);}
.menu02_off{width:157px;background:url(../images/common/menu2.gif);}
.menu03_off{width:134px;background:url(../images/common/menu3.gif);}
.menu04_off{width:148px;background:url(../images/common/menu4.gif);}
.menu05_off{width:163px;background:url(../images/common/menu5.gif);}
.menu02_on, .menu03_on, .menu04_on, .menu05_on{background-position:0 55px; background: no-repeat; }
.menu02_on{width:157px;background:url(../images/common/menu2.gif); }
.menu03_on{width:134px;background:url(../images/common/menu3.gif);}
.menu04_on{width:148px;background:url(../images/common/menu4.gif);}
.menu05_on{width:163px;background:url(../images/common/menu5.gif);}네비게이션을 background-position으로 제어중인데 현제 on에 적용해보았더니 적용이 안되더라구요
각각의 menu_on에 주면 적용이 되는데 왜그럴까요? 상속문제인가요 ㅠ
알려주시면 오늘하루가 행복할것같아요 ㅠ ㅋ
-
소아
모두 감사합니다. 원인을 찾았어요
background요소에 image position 등 여러 요소가 있는데 이걸 background로 명하여 menu_on의 background가 이를 덮어버려 문제가 발생했습니다.
.menu02_on, .menu03_on, .menu04_on, .menu05_on{background-position:0 -55px; background-repeat: no-repeat; }를 아래에 두니 되더군요 다만 이렇게했을때 나중 -
무리한
답글이 많이 늦어서 보실지 모르겠지만...
on 된 이미지가 아래쪽에 있다면 background-position의 y축 값은 마이너스 값을 줘야합니다.
background-position:0 55px; 이 아니라 background-position:0 -55px; 가 되겠네요..
혹시 이부분이 틀린건 아닌지.. 조심스래 적어봅니다 ^^; -
초롬
background가 모든 background 요소를 축약하는 태그여서 같이 쓰시면 안되는걸로 알고있어요~
따로 쓰시려면 background-repeat:no-repeat; background-position:0 55px; 로 하셔야 될것 같습니다. -
횃불
저글로는 무슨 말인지 모르겠어요 ^^ 소스 압축해서 올려주시면 점심먹고 봐드릴게요
-
흰추위
background :no-repeat도 적용이 되던데요 background-repeat를 꼭주어야만하나요?
그리고 background-position이 안먹는 이유는 무엇일까요; -
파라미
background: no-repeat; 오타입니다. background-repeat