다 중 브 라 우 저 css 호 환 분석 소결

CSS 호 환 요점:  1、 DOCTYPE 영향 CSS 처리 하 다. 。 2 、FF: div 설치 하 다. margin-left, margin-right ...을 위 하여 auto 시 이미 가운데, IE 안 돼.  3 、FF: body text-align 설정 때, div margin 설정 필요: auto margin-left,margin-right) 비로소 가운데 에 있 을 수 있다.  4 、FF: 패 딩 설정 후, div 증가 합 니 다. height 화해시키다 width, 그러나. IE 아니, 그러므로 필요 하 다 !important 하나 더 설치 하 다 height 화해시키다 width。  5 、FF: 지지 하 다. !important, IE 소홀히 하 다. 사용 가능 !important ...을 위 하여 FF 특별 설정 스타일.  6 、div 질문 vertical-align:middle; 전체 DIV 만큼 줄 거 리 를 늘 립 니 다. line-height:200px; 그리고 문 자 를 삽입 하면 수직 으로 가운데 에 있 습 니 다.단점 은 내용 을 통제 하고 줄 을 바 꾸 지 말 라 는 것 이다.  7 、cursor: pointer 동시에 IE FF 커서 손가락 모양 보이 기, hand 단지 IE 네.8 、FF: 링크 에 테두리 와 배경 색 을 추가 하려 면 설정 해 야 합 니 다. display: block, 동시 설정 float: left 직업 을 바 꾸 지 않 을 것 을 보증 하 다.참조 하 다. menubar, 주다 a 화해시키다 menubar 밑변 에 위치 가 잘못 표시 되 지 않도록 높이 를 설정 합 니 다. 만일...하지 않 는 다 면 height, 있다 menubar 빈 칸 을 삽입 합 니 다.XHTML+CSS 호환성 솔 루 션 모음         XHTML+CSS 구 조 를 사용 하면 좋 은 점 이 적지 않 지만 문제 가 존재 합 니 다.사용 이 익숙 하지 않 거나 생각 이 뚜렷 하지 않 아서 저 는 먼저 제 가 만난 문 제 를 아래 에 쓰 고 여러분 들 이 여기저기 찾 아 보 겠 습 니 다^^  1.모 질 라 에서 Firefox 와 IE 의 BOX 모델 해석 이 일치 하지 않 아 2px 차이 해결 방법:  

div{margin:30px!important;margin:28px;}  
       이 두 margin 의 순 서 를 반드시 반대로 써 서 는 안 된다 는 것 을 주의 하 세 요.아 제 에 따 르 면!important 라 는 속성 IE 는 식별 할 수 없 지만 다른 브 라 우 저 는 식별 할 수 있 습 니 다.그래서 IE 에서 사실은 이렇게 설명 했다. 

div{maring:30px;margin:28px}  
정 의 를 반복 하면 마지막 으로 실행 하기 때문에 margin:XXpx 만 쓰 면 안 됩 니 다!important;  2.IE5 IE6 의 BOX 해석 과 일치 하지 않 음 IE5 에서 div{width:300 px;margin:0 10px 0 10px;}div 의 너 비 는 300 px-10px(오른쪽 충전)-10px(왼쪽 충전)최종 div 의 너 비 는 280 px 로 해석 되 며,IE6 와 다른 브 라 우 저 에서 너 비 는 300 px+10px(오른쪽 충전)+10px(왼쪽 충전)=320 px 로 계산 된다.이 때 우 리 는 다음 과 같은 수정 을 할 수 있 습 니 다:div{width:300 px!important;width /**/:340px;margin:0 10px 0 10px}        이것 에 대해 서/*/는 저도 잘 모 르 겠 습 니 다.IE5 와 fireforx 가 모두 지지 하 는 것 만 알 고 있 지만 IE6 는 지지 하지 않 습 니 다.이해 하 는 사람 이 있 으 면 알려 주세요.감사합니다!:)  3.ul 탭 은 Mozilla 에서 기본적으로 padding 값 이 있 고 IE 에 서 는 margin 만 값 이 있 기 때문에 먼저 정의 합 니 다. :

ul{margin:0;padding:0;}  
대부분의 문 제 를 해결 할 수 있 습 니 다.  4.스 크 립 트 에 대해 xhtml 1.1 에 서 는 language 속성 을 지원 하지 않 습 니 다.코드 만 변경 하면 됩 니 다.    됐 습 니 다.

좋은 웹페이지 즐겨찾기