ie6/7 bug

1. png투명: png8의 색인 색 투명 그림을 사용하여 i6에 정상적으로 표시

2.'돼지'글자가 넘친다

<div style="width:400px">

<div style="float:left"></div>

<!-- -->

<div style="float:right;width:400px">↓          </div>

</div>

해결 방법: 1. 사용하지 않음2. 고정폭을 뺀다. 3.새로운 원소로 감싸기 4.display:inline;

3.ie6 해석하지 않습니다!important, ie6에 #f00 color: #f00;color:00f!important;

4.z-index가 올바르지 않습니다. IE 브라우저에서 포지셔닝 요소의 z-index 등급은 각자의 부모 용기에 비해 높기 때문에 z-index에 오류가 발생할 수 있습니다.해결 방법은 부모 요소에 z-index를 정의하는 것이다. 어떤 경우에는position:relative1, 부모 라벨position 속성을relative로 정의해야 한다.2. 문제 라벨에position 속성이 없음(static 포함하지 않음);3. 문제 태그에 부동(float) 속성이 있습니다.　　

해결 방법:

                <div id="blank"></div>

                <div style="position:relative; z-index:1;">

                 <div style="position:relative; z-index:1000;">

                        <div style="position:absolute; z-index:9999;">

                         <img src="http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" />

                        </div>

                    </div>

                </div>

5. ie6 Float 3 픽셀 공백 bug 해결 방법:

6. 팝업층은 select 문제를 숨길 수 없습니다

    ie6 div     select   ,    

        <div>

            <!–[if lte IE 6.0]>

            <iframe style="display:none;"></iframe>

            <![endif]–>

        <div>

7.ie6는 최대 너비, 최소 너비, 최대 높이와 최소 높이를 지원하지 않습니다

        .min_width{min-width:300px;

           /* sets max-width for IE */

           _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");

        }

8.margin 속성을 가진 부동 요소는 유명한 IE6의 두 배 margin 문제를 일으킬 수 있다. 예를 들어 원소에 margin-left를 5px로 지정하지만 IE6에서는 실제로는 10px로 나타난다."display: inline "은 이 문제를 해결할 것입니다. 비록 이것은 필수적인 것이 아니지만, 당신의 CSS는 여전히 유효합니다.
9. 절대 포지셔닝 요소의 1픽셀 간격 버그 절대 포지셔닝 요소의 부모 요소가 높거나 넓이가 홀수일 때bottom과right는 1px 오류가 발생하기 때문에 부모 요소는 짝수 폭을 사용해야 한다(ie7이 복원됨).
10. 100% 높이는IE6에서 원소에 100% 높이를 정의하려면 부급 원소의 높이를 명확하게 정의해야 한다. 원소에 화면이 가득 찬 높이를 정의하려면 html과body에 height:100%를 정의해야 한다.
11. 가로 목록 너비 버그,float:left 사용하기;

를 가로로 배열하고

에 포함된 (또는 기타)를hasLayout에 터치하여IE6에서 표시합니다 <style type="text/css" > #menu li { float:left; list-style:none; background:#CCCCFF; } #menu li a { padding:0 10px; display:block; height:20px; /* hasLayout 트리거*/ } </style> <ul id="menu"> <li><a href="#" title="">Menu Item #1</a></li> <li><a href="#" title="">Menu Item #2</a></li> <li><a href="#" title="">Menu Item #3</a></li> </ul> 해결 방법: <a>에 같은float:left를 정의하기만 하면 됩니다.됐습니다.12. 수직 목록 간격 버그.

를 사용하여 블록급 하위 요소를 포함할 때 i6에서 리 사이에 틈이 생깁니다. 　　ul {margin:0; padding:0; list-style:none;} 　　li a {display:block; background:#ddd;}

Item 1
Item 2
Item 3

            :

        <style type="text/css" >

            ul {margin:0; padding:0; list-style:none;}

            li a {display:block; background:#ddd;zoom:1;}

        </style>

        <ul>

            <li><a href="#">Item 1</a></li>

            <li><a href="#">Item 2</a></li>

            <li><a href="#">Item 3</a></li>

        </ul>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

IE6 솔루션 png 투명도

function correctPNG() for(var i=0; i<document.images.length; i++) var img = document.images[i] var imgName = img.src.toU...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ie6/7 bug

좋은 웹페이지 즐겨찾기