IE6 IE7 버그 해결
위 링크를 참조하세요.
<!-- ie6, ie7 bug fix -->
<!--[if IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
삽입 만으로 IE6 IE7에서 나오는 아래 버그들을 해결 할 수있습니다.
<!-- ie6, ie7 bug fix -->
<!--[if IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
삽입 만으로 IE6 IE7에서 나오는 아래 버그들을 해결 할 수있습니다.
IE7/IE8
The selectors and properties below should all work according to the W3C specifications.
IE7.js
CSS Selectors
| Selector | Comments | Test |
|---|---|---|
| parent > child | html | |
| adjacent + sibling | html | |
| adjacent ~ sibling | html | |
| .multiple.classes | IE5/6 bug fixed (also applies to pseudo classes) | html |
| :hover | html | |
| :first-child | html | |
| [attr] | html | |
| [attr="value"] | html | |
| [attr~="value"] | html | |
| [attr|="value"] | html | |
| [attr^="value"] | html | |
| [attr$="value"] | html | |
| [attr*="value"] | html |
CSS Properties
| Property | Comments | Test |
|---|---|---|
| background-attachment | support fixed positioning | html |
| background-image | PNG alpha transparency (IE5.5+) | html |
| bottom | height implied if top is supplied |
html |
| cursor | support pointer for IE5.x |
html |
| display | convert list-item to block for IE5.x |
|
| font-size | fix named font sizes (IE5.x) | html |
| margin | support auto (IE5.x) |
html |
| max-height | html | |
| max-width | html | |
| min-height | implemented for IE5 | html |
| min-width | html | |
| overflow | support overflow:visible |
html |
| position | support fixed positioning | html |
| right | width implied if left is supplied |
html |
HTML
| Element | Comments | Test |
|---|---|---|
| abbr | IE5/6 bugs fixed | html |
| img | PNG alpha transparency (IE5.5+) | html |
| label | bind to the first child control | html |
Other Bug Fixes
| Bug | Comments | Test |
|---|---|---|
| Doubled Margin* | Position Is Everything | html |
| Peekaboo* | Position Is Everything | html |
| Unscrollable Content* | Position Is Everything | html |
*These fixes are not in the standard IE7 library. They are
included in a separate module ie7-squish.js.
IE8.js
CSS Selectors
| Selector | Comments | Test |
|---|---|---|
| ::after | html | |
| ::before | html | |
| :active | html | |
| :focus | html | |
| :checked | html | |
| :contains() | html | |
| :disabled | html | |
| :empty | html | |
| :enabled | html | |
| :indeterminate | html | |
| :lang() | html | |
| :last-child | html | |
| :not() | html | |
| :nth-child() | html | |
| :nth-last-child() | html | |
| :only-child | html | |
| :target | html |
CSS Properties
| Property | Comments | Test |
|---|---|---|
| border-spacing | HTML tables only | html |
| box-sizing | content-box (assumed) |
html |
| content | Supports the use of attr() and
url() |
html |
| opacity | IE5.5+ | html |
| property: inherit | Support for inherited property values | html |
HTML
| Element | Comments | Test |
|---|---|---|
| button[type=submit] | value submitted rather than innerText |
html |
| form | only submit successful controls | html |
| object | improved support for type=image/* |
html |
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
그런데 이걸 삽입하면 간단한 페이지는 로딩속도 차이를 못느끼지만
복잡하다면 사이트 로딩속도가 느려집니다.
jquery내에서 처리해주려나(...)
IE8은 IE5.5,IE6,IE7을 IE8에 없는 기능이나 버그를 없애 IE8로 고쳐주는겁니다
예를들면 스크립트를 로드하면 알파체널이 포함된 PNG이미지를 IE6에서 사용이 가능해 집니다.
(단, PNG파일이름을 *trans.png 로 저장함)
또는 :after :lang :focus 같은 CCS2.1 버전 선택자도 IE5.5, IE6, IE7에서도 사용이 가능해지고요. 복수선택자도 IE5에서 사용이 가능해지구요
IE6에 많이 알려진 더블마진버그라던가 하는 버그들도 알아서 고쳐집니다
하지만 역시 유저들이 IE6을 그냥 안써줬으면 한다능 ㅠㅠ
죄송하지만 스크립트 파일을 직접 올려주시면 안되나요? 부탁드립니다.
그런데 IE8.js는 IE7.js 디렉토리 안에 있네요.