li, li img {list-style:none;float:left;overflow:hidden;} li:hover {border:4px solid #f00;} li:hover img {margin:-4px;} 개발자팀에서 얻은 소스인데... 위소스를 적용했을 때 좌 우 아래만 테두리가 생기고 위에는 없습니다. 무엇이 문제인가요?

이전 목록 다음

채택완료

테두리

사랑둥이

2016-09-20 (화) 09:36:14 3,090

li, li img {list-style:none;float:left;overflow:hidden;}

li:hover {border:4px solid #f00;}

li:hover img {margin:-4px;}

</style>

개발자팀에서 얻은 소스인데...

위소스를 적용했을 때 좌 우 아래만 테두리가 생기고 위에는 없습니다. 무엇이 문제인가요?

그누보드5

채택된 답변

+20 포인트

쟁반짜장

2016-09-20 (화) 09:43:38

다른 스타일을 상속받지 않았을까 싶네요.

안 나온다는 페이지 경로를 보여 주셔야 답변이 가능한 문젭니다.

sinbi

2016-09-20 (화) 09:48:16

li:hover img {margin:-4px;} 부분이 의심되네요. 0으로 수정해보세요.

사랑둥이

2016-09-20 (화) 09:52:27

다 해봤는데..마찬가지예요. 그리고 상위 메뉴가지 테두리가 생겨서 하위 메뉴가 나타나지 않아
사용할 수 없네요...감사합니다.
그리고 박스가 적용된 곳은 모조리 테두리가 생깁니다.

홈짱

2016-09-20 (화) 17:19:44

그럼, 위 소스만으로는 문제가 없나보네요.

왕계란 님 말씀처럼, 클래스 중복으로 인해 다른 곳의 영향을 받는 것 같습니다
선택자를 아이디 부여해 고유하게 만들어 보세요.

답변을 작성하려면 로그인이 필요합니다.