Shulou(Shulou.com)06/02 Report--

Today, I will talk to you about the common ways to solve IE6 compatibility problems, which may not be well understood by many people. in order to make you understand better, the editor has summarized the following content for you. I hope you can get something according to this article.

Common methods to solve IE6 compatibility problems

1. Declaration of use

You must always put a statement in the header of the html page that recommends the use of strict standards. For example

Or,forXHTML:

You need to be IE6 in compatibility mode, which is compatible enough.

2. Use position:relative

Setting a tag position:relative can solve a lot of problems, especially frameworks that have had invisible experiences or strange layouts. Obviously, you need to be careful whether the child elements placed in the absolute position refer to finding a new location.

3. Use display:inline for floating elements

The IE6 compatibility solution uses display:inline for floating elements. Floating elements will have a famous IE6 double distance marginbug. Suppose you set the left margin 5px but actually get the left margin of 10px. Display:inline can solve this problem, although it is not necessary, but css is still valid.

4. Set the element to start hasLayout

Most rendering problems with IE6 (IE7) are compatible with the hasLayout attribute of the element. This is a built-in setting in IE that determines that one content block has boundaries and positions relative to other content blocks. When you need to set an inline element such as a connection to become a block element or a transparency effect, setting hasLayout is also necessary.

5. Fix the bug of duplicate characters

IE6 compatibility solution fixes bug for duplicate characters. A complex layout triggers a bug: the floating object's * * characters appear after elements that have been cleared of floats. There are several solutions, some of which are ideal, and some tests and errors are necessary.

Make sure that all floating elements use: display:inline

B. A floating element uses margin-right:-3px

C. use a conditional comment after an element of a floating object. For example, enter comments here...

6. Use a tag to complete clickability and hover principle

IE6 only supports css definition of hover effect for a tag.

You can use it to control the widgets started by javascript so that they still maintain keyboard operation. There is an alternative problem, but the a tag is the most reliable of all solutions.

After reading the above, do you have any further understanding of the common ways to solve IE6 compatibility problems? If you want to know more knowledge or related content, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.