놀라운 ... 나는 Firefox에서 작동하지 않고 IE에서 작동해야한다! 사건이 꽤 바뀌 었지, 어?CSS 스프라이트 버튼 플로트 : 왼쪽 ... 파이어 폭스의 테이블 안쪽에 센터링하지 않음
어쨌든, 여기에 문제가 있습니다. IE와 파이어 폭스 모두에서 다음 페이지를 체크 아웃 : 내가 함께 버튼을 넣어이 파일을 사용하고
http://www.lolstrategies.com/test/button_sample.html
.
(http://www.lolstrategies.com/test/composite__V153767378_.png)
Firefox에서이 범위를 중심으로 잡으려면 어떻게해야합니까?
미리 감사드립니다. 답변을 드릴 수있는 질문이 있으면 알려 주시기 바랍니다.
span.buttonLarge에는 두 개의 클리어링되지 않은 플로팅 블록 수준 요소가 포함되어 있습니다. 따라서 센터링이 필요 없습니다. 이 문제를 해결하려면 display: inline-block 및 margin: 0 auto을 적용 할 수 있습니다.
P. DOCTYPE이 지정되어 있지 않으므로 현재 솔루션이 Internet Explorer에서 작동하고 Quirks 모드로 렌더링됩니다.
.primaryLargeButtonSpan에서 제거 float: left; 다음 .primaryLargeButtonEnd
.spriteButton span.button_label 에서
display: inline;에 그 변화
display: block; 후
또는 display: inline-block;로 변경하고, 당신은 몇 가지 "결함"을 알 수 있습니다 url("./composite__V153767378_.png") no-repeat scroll left -76px transparent;
에 background 속성을 설정 끝 이미지 ...
굉장! 고마워요! – Craig