이 CSS는 어떻게됩니까?

내가 가진 문제는 CSS를 변경하지 않고 렌더링이 변경된다는 것입니다. 파이어 폭스에서만 발생합니다. 여기에 때때로 발생하는 상황

enter image description here

내가 다시

enter image description here

를 게시 할 때 여분의 라인이 추가됩니다 볼 수 있듯이 : 여기

는 것처럼 보일 것입니다 무엇 바닥.

.button 
{ 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box; 
} 

.button.nav 
{ 
    background:#999; 
    background: -moz-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(153,153,153,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(100%,rgba(153,153,153,1))); 
    background: -webkit-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(153,153,153,1) 100%); 
    background: -o-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(153,153,153,1) 100%); 
    background: -ms-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(153,153,153,1) 100%); 
    background: linear-gradient(to bottom, rgba(187,187,187,1) 0%,rgba(153,153,153,1) 100%); 
    border:solid 1px #999; 
    -moz-box-shadow:0 2px 1px -1px rgba(0,0,0,0.2), inset 0 1px 0 #ddd; 
    -webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,0.2), inset 0 1px 0 #ddd; 
    box-shadow:0 2px 1px -1px rgba(0,0,0,0.2),inset 0 1px 0 #ddd; 
    color:#fff; 
    font-size:13px; 
    height:26px; 
    line-height:26px; 
    text-shadow:#999 0 -1px; 
} 

.button.nav:hover 
{ 
    background:#777; 
    background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(119,119,119,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(119,119,119,1))); 
    background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); 
    background: -o-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); 
    background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); 
    background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); 
    border-color:#777; 
    -moz-box-shadow:0 2px 1px -1px rgba(0,0,0,0.2), inset 0 1px 0 #bbb; 
    -webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,0.2), inset 0 1px 0 #bbb; 
    box-shadow:0 2px 1px -1px rgba(0,0,0,0.2), inset 0 1px 0 #bbb; 
    text-shadow:#777 0 -1px; 
}

누구나 어떤 아이디어를 가지고 : 여기

는 CSS입니까?

출처

2012-10-26 dotnetnoob

포스트 폴드 후 * 가끔씩 * CSS 게시판에없는 것으로 의심됩니다. –

(firebug와 함께) 방문 할 수있는 라이브 사이트에 있나요? – nelsonic

@nelsonic 아니요. 내 개발 기계에서. – dotnetnoob

는 답을 얻었다.

enter image description here

적색 설정없이 높이 백그라운드 용기이다. 녹색 스팬에는 단추의 높이와 동일한 선 높이가 설정되었지만 정렬은 기본값 인 기본으로 설정되었습니다.

2 가지 중 하나를 수행 할 수 있습니다. 1) 라인 높이를 제거합니다 (IE에서는 테스트하지 않았지만). 2) verical-align : middle를 추가합니다.

모두에게 감사드립니다.

출처

2012-10-26 18:07:43 dotnetnoob

는 스타일 button.nav도 방문한를 적용하려고 활성

.button.nav, .button.nav:visited, .button.nav:active{ 
    /* style */ 
}

출처

2012-10-26 15:19:48 leodudedev

이 CSS는 어떻게됩니까?

답변

관련 문제