"IE6-IE11 Compatibility Problem List and Summary of Solutions"
Classify:Web page productionViews:3059680Download:229
Compared with the IE6-IE9 version, it mainly adds new changes in IE10 and IE11. It is recommended that website developers take a look.
This document covers: changes and adjustments in Javascript, DOM, HTML, CSS, etc. during the upgrade from IE6 to IE11.
Reference based on MSDN:
1.Appendix 1: Internet Explorer 6 to Internet Explorer 9 Browser Changes
http://technet.microsoft.com/en-us/library/gg699425.aspx
2. Appendix 1: Browser changes from Internet Explorer 6 to Internet Explorer 9
http://technet.microsoft.com/zh-cn/library/gg699425.aspx
3.Internet Explorer 9 Compatibility Cookbook
http://msdn.microsoft.com/zh-cn/library/ff986083(v=vs.85).aspx
4. Learn by doing IE9 Compatibility Operation Manual
http://msdn.microsoft.com/zh-tw/ie/gg712396
5.Internet Explorer 11 Developer Guide
https://msdn.microsoft.com/zh-cn/library/ie/bg182636(v=vs.85).aspx
Table of contents
Overview 2
Chapter 1: HTML 3
Section 1: IE7-IE8 Update 3
1. If a P element that is missing a closing tag is followed by a TABLE, FORM, NOFRAMES, or NOSCRIPT element, the closing tag is automatically added. 3
2. Support for valid, well-formed tags and no longer support for malformed HTML. 4
3. The default type of Button label is changed from button to submit. 5
4. Some attributes of COL and COLGROUP elements and the CSS properties set for them are no longer supported. 6
Section 2: IE8-IE9 update 7
1. Table object mode is now more consistent with other browsers. 7
2. Text layout uses natural metrics rather than Graphics Device Interface (GDI) metrics. 9
Chapter 2: CSS 11
Section 1: IE6-IE7 update 11
1. The overflow content of the box model now intersects with the box, and the box no longer automatically grows to accommodate the content. 11
2. Some CSS filters (such as *HTML, _underscore and /**/ comments) are no longer supported. 13
3. The problem that SELECT elements cannot be covered by div has been solved. 15
4. CSS styles are case-sensitive. 16
5. The height and width in Style need to enter the unit at the end, such as px 16
Section 2: IE7-IE8 update 17
1. CSS expressions are no longer supported, and enhanced CSS or DHTML logic is supported instead. 17
Section 3: IE8-IE9 update 18
1. Thai and East Asian text and font sizes may appear smaller than other typefaces. 18
2. Some behavioral connection methods are not available in XML schema. 19
Section 4: IE9-IE10 update 20
1. CSS behavior is no longer supported and htc expressions are completely abandoned. 20
Chapter 3: Javascript and DOM 21
Section 1: IE6-IE7 Update 21
1. The window.opener trick used to bypass the window.close prompt is no longer allowed. twenty one
2. Modal or modeless dialog boxes created from scripts appear to be slightly larger. twenty one
Section 2: IE7-IE8 update 22
1. Support "class" syntax, and no longer support "className" attribute syntax. twenty two
2. The property collection no longer contains all possible properties recognized by Internet Explorer. twenty three
3. Property ordering has changed, affecting property sets, innerHTML and outerHTML. twenty four
4. GetElementById is case-sensitive and no longer searches the name attribute. twenty four
5. The Unset property of the currentStyle object now returns its initial value. 25
6. The Unset property value of the style object now returns an empty string. 26
Section 3: IE8-IE9 update 27
1. Angle brackets <> are not allowed in the createElement method. 27
2. IE9 standards mode does not support the arguments.caller attribute. 28
3. Calling methods using function pointers without ".call" or ".bind" is no longer supported. 29
4. No more linking content properties to DOM expando. 30
5. JavaScript property enumeration is different in IE9. 31
6. Math accuracy is different in IE9. 33
7. Indirect "eval" function calls behave differently. 34
8. IE9 handles array items with large indexes differently. 35
9. Overlapping elements will be copied. 36
10. Spaces will be preserved in the DOM. 37
11. Some DOM events are obsolete. 38
Section 4: IE10-IE11 update 39
1. AttachEvent has been deleted and addEventListener is used instead. 39
2. window.execScript has been removed and eval is used instead. 39
3. window.doScroll has been deleted and replaced by window.scrollLeft and window.scrollTop. 39
4. document.all has been deleted and document.getElementById is used instead. 40
5. document.fileSize and img.fileSize have been deleted, and the source can be extracted using XMLHttpRequest. 40
6. script.onreadystatechange and script.readyState have been removed, use script.onload instead. 40
7. Document.selection has been removed and window.getSelection is used instead. 40
8. document.createStyleSheet has been removed, use document.createElement("style") instead. 40
9. style.styleSheet has been deleted and used style.sheet instead. 40
10. Removed window.createPopup, use div or iframe instead (high zIndex value). 40
Chapter 4: Other updates 40
Section 1: IE7-IE8 update 40
1. The file upload control only submits the file path to the server without providing the full path. 40
Section 2: IE8-IE9 update 41
1. The default user agent (UA) string has been changed. 41
Author: BobLiu
Email: lzd_ren@hotmail.com
Statement:

All resources on this website are contributed and published by netizens, or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this website are for learning and reference only. Please do not use them for commercial purposes, otherwise you will be responsible for all consequences incurred! If there is any infringement, please contact us to delete and remove it. Contact information: admin@php.cn

Latest courses

See more
  • [Web front-end] Node.js quick start
    [Web front-end] Node.js quick start
    This course is specially designed for beginners and aims to help students quickly master the basic knowledge and core technologies of Node.js. The course starts with the installation and environment configuration of Node.js, and gradually analyzes its asynchronous programming model, module system and event-driven mechanism in depth. Through a wealth of practical cases, students will learn how to use Node.js to build an efficient and stable web server, process HTTP requests and responses, and perform file operations and database interactions. In addition, the course will also introduce typical application scenarios of Node.js in front-end development, helping students quickly improve their practical capabilities and easily cope with the challenges of front-end development.
  • Complete collection of foreign web development full-stack courses
    Complete collection of foreign web development full-stack courses
    This course is a comprehensive tutorial covering HTML, CSS, JavaScript, Vue.js, React, Flutter and mobile APP development. From basic web page production to complex front-end and back-end interactions, to practical development of mobile applications, the courses are rich in content and highly practical. Through a series of practical projects, students will gain an in-depth understanding of and master various development skills and quickly grow into full-stack development engineers. Both beginners and experienced developers can benefit from it. Through the study of this course, you will have the ability to independently develop web applications and mobile applications, laying a solid foundation for future career development.
  • Go language practical GraphQL
    Go language practical GraphQL
    This course is designed to help learners master how to use Go language to implement GraphQL services. The course starts with the basic knowledge of GraphQL, and deeply analyzes the characteristics and advantages of its data query language. Then, combined with the characteristics of the Go language, it explains in detail how to build a GraphQL server, process requests, define data patterns, etc. Through rich practical cases, learners will learn how to integrate GraphQL in actual projects to improve the flexibility and efficiency of data interaction. The course is suitable for developers with a certain foundation in Go language and is a must-have for building efficient and modern APIs.
  • 550W fan master learns JavaScript from scratch step by step
    550W fan master learns JavaScript from scratch step by step
    This course is specially designed for beginners and is taught by Google bosses. The course starts from the basic knowledge of JavaScript and gradually deepens, covering syntax, functions, objects, event processing, etc. Through vivid cases and practical exercises, students can quickly master the core skills of JavaScript. The boss will personally answer students' questions and share programming experience, allowing students to grow into JavaScript masters in a relaxed and pleasant atmosphere. Whether you are a novice at programming or a developer looking to improve your skills, this course will be your best choice for learning JavaScript.
  • Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours
    Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours
    This course takes you on a programming journey. Starting from scratch, this 6-hour course will guide you through the fundamentals and advanced concepts of Python. Whether you're a beginner or an experienced programmer looking to improve your skills, Mosh's in-depth explanations and clear teaching methods will get you up to speed with Python quickly. Learn more about variables, data types, conditionals, loops, functions, objects, and modules and solidify your understanding with hands-on exercises. This course is ideal for learning Python and preparing you for a variety of career fields. Mosh's expertise and passion for education will give you the confidence to start on your path to becoming a proficient Python developer.