BUG has brought us a lot of trouble.
However, there are still many problems, such as translucent PNG background images.
Gulu77 has compiled four PNG Alpha transparency methods in IE6:
Test instance: http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_IE6png8/index.html
IE6 is used for testing. The inserted images and background images are not transparent.
Method 1
using the IE7 kernel, not the IE6 kernel. So, the best way is to have a IE6 green version of the good. In this way, the system defaults to IE8, then IE6 and IE7 with green. The green version of the IE7 has been,. And the green version of IE6 is actually some, of course, here will also provide download-Click here to do
following article:
Now I mostly use!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! Search for a while, to find a good hack for IE7 is the use of "*+html", now with IE7 Browse, there should be no problem.Now write a CSS can do this:
#example {color: #333;}/* Moz/** HTML #example {color: #
at least the implementation of the stretch, so that in many cases can be used instead of tiling. Of course, the problem of efficiency is still there.Five. Let the "block" Transparent method. div {Filter:alpha (opacity=20); moz-opacity:0.2; opacity:0.2;}Test IE6,IE7,IE8,FF2,FF3 are passed. Tip: Ie6,ie7 need to set a width (100% also line), otherwise you will not
:
body{margin:2% 0!important;margin:20px 0; /* IE6 can read * *}
9. Test as early as possible, often test
Do not forget to test as early as possible, often test, unless your degree has been completed. Otherwise, you may spend more time to solve the
conditions for this situation: 1. The parent tag position attribute is relative; 2. the problem tag does not have the position attribute (excluding static); 3. The problem tag contains float) attribute.You can perform a simple test with the following code:
Ya, the Z-index is all 9999, And the level is high enough. However, see the figure below:
This is a problem. Some people may wonder if this is because
the link in IE is invalid is as follows:
3. Use js to solve the problem of IMG in HTML (PNG Image inserted in Webpage). PNG background gray
Insert a JS file into the page. The principle is the same as above. the IMG label is replaced with the
Iv. Call iepngfix. HTC to solve ie6png background gray and stretch Problems
This method comes from: http://www.twinhelix.com/css/iepngfix/ this method is based on winodws platform, does not support HTC in Linux, has not been verified, but some netiz
designers need to consider compatible IE7 front of the ie5/ie5.5/ie6 version, has not found a good way, Recently finally found IE version of the collection package Multiple_ie. Seriously recommended to everyone, we upgraded to IE7 can also facilitate the test page compatibility.Install "IE version of the collection package Multiple_ie", download address:Http://www.alixixi.com/download/Multiple-IE.rar, it b
the CSS: #blank {width:100%; height:600px; background:black; opacity:0.4; Filter:alpha (opacity=40); position:absolute; left:0 ; top:0; z-index:1;} The role is to make the hierarchy relationship at a glance. See:This indicates that the content is below the absolute positioning layer of z-index 1.This indicates that the content is above the absolute positioning layer of z-index 1.2, on the page to do contrast is beautiful picture, the picture in the translucent black absolute positioning lay
Just six years ago, the internet was a dictator's world--internet Explorer (mainly Internet Explorer 6) monopolized the browser market. Without Netscape's competition, coupled with Windows XP, Microsoft has gained an enviable market share – at its peak of nearly 95%. Today, the types of browsers we choose are also the envy of--firefox (), Safari (), Opera (), Chrome (), and Internet Explorer 8.
So why are there 15% to 25% of web browsing now from browsers in the Martian era (i.e., 2001)? As a c
One of the most bizarre statistics about browsers isInternet ExplorerVersions 6, 7, and 8 coexist. As of this article, each version of Internet Explorer has a total market share of about 65%. In the website development community, this number is much smaller, and statistics show that it is only about 40%.
The interesting part of these statistics is that the numbers between IE6, IE7, and IE8 are very close, which prevents a single Microsoft browser fro
css| Solution | Problem
Resolve IE5/IE5.5/IE6/FF compatibility issues--CSS
Previously found several different versions of the Internet Explorer can run independently, just to try to test the compatibility of the page. Don't try not to know, in IE6 and FF no problem page in IE5 and IE5.5 mess, has been heard that IE5 is a Web standard production of a "nail", now
Css
Resolve IE5/IE5.5/IE6/FF compatibility issues--CSS
Previously found several different versions of the Internet Explorer can run independently, just to try to test the compatibility of the page. Don't try not to know, in IE6 and FF no problem page in IE5 and IE5.5 mess, has been heard that IE5 is a Web standard production of a "nail", now have to believe.
Sinc
First attach a document: IE6 IE7 IE8 hack test official documentation: http://msdn.microsoft.com/en-us/library/cc351024 (vs.85). aspx
There have been many ways to make IE6 support transparent PNG on the Internet. However, the problem is that IE7 and IE8 are annoying now, and those methods are not compatible with new browsers (including repeated rendering, such a
Allows ie6 to support png transparent images, ie6png Images
A common problem is that ie6 does not support transparent png images. But in fact ie6 only does not support the png-24 format of transparent background images, but the transparent background of the png-8 images are still supported, but the png-8 pictures only 256 colors, put in any browser will display t
the bug caused, so the problem is sorted out, share to everyone, believe that the friends who write the page will encounter this magical things.
1, Bug Problem Description:
A floating div may create a double margin bug problem under IE6, given that if left float, the left margin doubles, and if right floats, the right margin doubles. See figure below:
Under normal circumstances, the Margin-left is 50px.
black box Testthe functional design specifications of the known products can be tested to prove that each whether the implemented functionality meets the requirements .White Box TestThe internal working process of a known product can be tested to verify that each internal operation complies with the design specifications and that all internal components are inspected.The black box test of the software means that the
you only want IE7 to see the combination of + and :. head {+ color: # f00 ;!; _ Color: #000 ;}
IE8 official hack
\ 9 "Example:" margin: 0px auto \ 9 ;". the "\ 9" here can distinguish all IE8 and Firefox. "*" IE6 and IE7 can be identified. IE8 and Firefox cannot. "_" IE6 can recognize "_". IE7, IE8, and Firefox cannot. for example :. A {color: # f00; color: # f60 \ 9; + color: #00ff00; _ color: # 0000ff
possible without the traditional hack or conditional CSS in extra files. For example, the minimum height can be defined using this Code:
12345
# Element {Min-Height: 20em; Height: Auto! Important;/* all browsers understand this Code */height: 20em;/* incorrect use of this value in IE6 /*}
IE6 does not understand Min-height and uses 20em to overwrite the "Auto" height. However, if the con
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.