2011-04-29 8 views
1

우리는 시간 선이 있고 그 아래에 이상한 검은 색 픽셀이 있습니다.시간 아래에 검은 색 픽셀이 있습니까?

스크린 샷 : http://i52.tinypic.com/2vwxy78.jpg

우리의 코드 :

HTML :

<hr /> 

CSS :

hr { 
    border-bottom: 1px solid #FFFFFF; 
    border-top: 1px solid #AAAAAA; 
    clear: both; 
    height: 0; 
    margin: 12px 0 18px; 
} 

브라우저 : 파이어 폭스

이 픽셀이 <hr /> 아래에 나타나는 이유는 무엇입니까? 어떻게 해결할 수 있을까요?

답변

5

재설정<hr>에 대한 모든 border 속성을 재설정해야합니다. 특히 당신의 경우 왼쪽 경계선. 그래서 :

border: 0; 
border-bottom: 1px solid #FFFFFF; 
border-top: 1px solid #AAAAAA; 
.... 

은 체크 아웃 - http://jsfiddle.net/uwed3/

+1

현미경을 벗어나십시오. 그것은 작동합니다. –

+0

고마워요 제이슨 :) – Latox

+0

No prob. 나는 같은 일로 몇 달 전부터 두뇌를 상하게했다. –

1

을 당신은 <hr> 요소의 기본 스타일을 제거하지 않았습니다.

은 CSS이 추가 :

border-left: 0; 

그리고 당신은 고정되어야한다.

관련 문제