1. The absolute location in IE6 is incorrect.Problem description: in ie6, if the reference object does not trigger haslayout, left and bottom of the absolutely positioned container will be faulty.Solution: Add zoom: 1 to the parent container to trigger haslayout of ie.Tip: Usually when we set a container as position: relative, we will add zoom: 1 to solve many ie problems.2. Absolute positioning of 1 pixel
In the test page layout will be found under the IE6 below the picture is empty, this article sorted out some commonly used solutions, have similar problems friends can according to their own situation appropriate choice, hope to help everyone
There are many ways to solve this bug:• Can be a change in HTML layout;• or define IMG as Display:block;• or define Vertical-align attribute value to Vertical-align:to
Once upon a time, used to join the collection code, but not compatible with Firefox, a bit depressed, at this point, there is a compatible version of the Code, published as follows:Compatible with Firefox (version: Firefox 3.6.3), Ie6/ie7/ie8 to join the collection code, online some test time did not pass, the following no problem.
Reference ', ' news-
or direct reference (remove//comment in function to tak
In IE, a resize event is executed multiple times. This is a widely recognized problem between IE6 and IE7. This problem varies with the two versions of browsers. Generally, IE6 is worse than IE7.Now we have a better solution. Let jquery. wresize. js, The jquery plug-in, help you:Js CodeCopy codeThe Code is as follows:/*========================================================== ==============================
different rendering modes affect the browser's parsing of CSS code and even JavaScript scripts.DOCTYPE is critical, and the best practice now is to type in the first line of the HTML document:Great God's post summarizes the reasons for the bootstrap to find a few, first of all, BOOTSTRAP3 is the mobile device first principle of development, so the reasons may be as follows:1. Remote address is not correctly invokedThat is, as long as the IE9 below, call two dedicated JSBut I
Css
Use an empty div for special needs in practical applications and define a smaller height value. The usual idea is to see the following code:
HtmlCssdiv{height:5px;}
The above code in most browsers can be correctly displayed, but we in practice, it is not as simple as the theory, the special IE6 is not as you think, as if sometimes the height can be defined, sometimes it does not know why the cause of failure!
First give me the
10 key points to solve IE6 compatibility issues
1. Usage statement
You must always place a statement in the header of an HTML webpage. Strict standards are recommended. For example
Finally, you need to enter the compatibility mode for IE6, which is compatible enough.
2. Use Position: relative
IE6 compatibility problem solution 2: Use Position: relative. Setting
These methods are usually used when I find a collection on the Internet, OH, I declare in advance to avoid misunderstanding!
First, CSS HACK
The following two methods can solve almost all hack today.
1,!important
With the support of IE7 to!important, the!important method is now targeted only at IE6 hack. (Note the wording. Remember that the claim position needs to be advanced.)
2, Ie6/ie77 to Firefox
GetAttribute in IE67 obtains the hrefsrc attribute (the relative path 0 value is different from that in other browsers. in IE6/7, getAttribute obtains the href/src attribute (the relative path 0 value is different from that in other browsers ).
The test code is as follows:
Home script var link = document. getElementsByTagName ('A') [0]; var img = document. getElementsByTagName ('img ') [0]; alert (link.
# DDDDDD, in fact, the same as the big Div color, with #d4d4d4 is no problemThe content is centered, set the upper padding 1.5em to the height of 3em half, so that it vertically centered, EM is a relative unit, this component can be changed according to the size of the browser sizeText-decoration:none is not the underline below the hyperlinkThen put the font in place,Background for lighter grey #eeeeeeText color darker point, for #aaaaaa, there is a sense of falling.Second, then, to provide you
HTML5 's semantic tags and attributes make it easy for developers to implement clear Web page layouts. Most browsers are basically compatible with HTML5, but for now IE6/IE7/IE8 are not compatible with HTML5 tags, so javascript processing is required to make them compatibleMethod One: JavaScript codeIf the IE browser below IE9 will create the HTML5 tag, then the non-IE browser will ignore this code, there will be no unnecessary HTTP requests.Method tw
MVC is just a design pattern, once considered model 1, that is, the server statement and HTML statement is a mixture of PHP, in fact, without any framework, just use the original ecological JavaScript Ajax can also be MVC design. Since nothing is useful, the compatibility with IE6 is very strong. or "PHP" database additions and deletions and PHP and the interaction between JavaScript (click to open the link) that page, the database additions and delet
IE6 PNG transparent solution, the big Web site is used by the author: Source: "Big small" browse:37122 added on: 2012-11-30 I want to comment (Body music)
Today solve the PNG picture under the IE6 background transparency problem, found a good method. The previous solution will cause dislocation and distort the page. Now this method is published as follows, I
Now most are using!important to hack, for IE6 and Firefox test can be normal display, but IE7 to!important can be correctly interpreted, will cause the page did not appear as required! Find a good hack way for IE7 is to use "*+html", now use IE7 to browse, there should be no problem now write a CSS can be this:
The code is as follows
Copy Code
#1 {color: #333;}/* Moz/** HTML #1
Today, there is a very strange problem, is
At that time we found an article on the internet quickly resolved, but the article did not say where the specific reasons, just said after "Window.location.href" plus a "return false", At that time to build a test.html, try to do it, and after the test also found IE6 under the href= "javascript:void (0)" covered, the question seems very simple, but why other brow
Company for Taiwan Enterprises, the system for the traditional, some nouns and simplified, self-corresponding.Company domain policies restrict the "wired" feature in Internet Options, and domain users cannot set up proxies through the browser. But some of the company's internal Web site and application Sisu network need to set up agents, and set the agent is different, so in the policy unified set up the agent also need to set up more, also trouble, also did not set.is limited but needs, this ti
Article Introduction: incompatible position:fixed properties under IE6! Also read some information on the Internet or not!
Incompatible position:fixed properties under IE6! Also read some information on the Internet or not!
Position:fixed This attribute is really convenient to use, it can easily achieve a fixed position of the floating layer effect. However, it does not support
Positon:fixed the HTML element out of the document stream to a location in the browser
There are often floating navigation bars in Web pages that use this positioning mode, but IE6 are not compatible with this positioning
Floating navigation bar style, it is important to position:fixed;bottom:60px (floating navigation bottom distance to the bottom of the window 60px)
Copy Code code as follows:
. floating_9677{position:fixed; z-index:96
{position:relative;}. Digitalimage A:hover {position:relative;Z-index:1; Border:none;}. Digitalimage a img {position:static;width:80px;height:60px;Border:none;}. Digitalimage a:hover img {Position:absolute;Z-index:2;width:160px;height:120px;border:1px solid #CCC;Left: -40px;Top: -30px;}
The principle is very simple, set the position property of a element is relative, the picture starts to display as 50% size, uses the default localization; When: hover is triggered, the picture changes to absol
Although the big front-end decided not to IE6 for God horse support, but this demand is still there, the whole bar. It is reproduced the contents of the Robin, practical is good.
It is well known that IE6 does not support transparent PNG images, while PNG images are expressive in web design and have less effect than other graphic formats, IE6 this fatal flaw grea
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.