Before reaching the no H no F realm ~ or pain ~ My browser-compatible Css_ experience Exchange

Source: Internet
Author: User
To a number of different resolution browser is a depressing thing, is all the people who write CSS will encounter.
Although conditional annotations are an ideal approach, forward backwards compatibility. Unfortunately I don't like n versions of CSS,

First of all, my own usage.
Initialization
selectors{}
Guaranteed backwards compatibility,
Then start filtering
Whether or not IE6 introduced quirks Mode
are used
* HTML selectors{}
Process IE6 and the following versions,
To the next down version of the distinction I did a more complex processing.
Read in ie5.x

@media TTY {
I{content: "\";/* "" */}} @import ' Ie5x.css '; /*";}
}/* */

It will be used in special requests, because IE5 and IE5.5 are much alike. I chose to put them on the same.
But IE5 will always be relatively stupid.
I have to add a distinction

*>html selectors{}

It would have been.
*>html Body selectors{}
Better deal with priority issues,

IE7 support for CSS is close to ff,opera,safari these browsers, but there are always some special problems,
I choose to use
*+html selectors{}
To special deal with IE7, but when IE7 also introduced quirks mode, the problem becomes very complex, his understanding of the CSS has also dropped to IE5, very much like, and there is not the same drop, I want to find a way to solve, so I killed also not IE7 introduced quirks mode

FF is also not a standard. Sometimes there are special problems.
With the private stuff,

@namespace URL (http://www.w3.org/1999/xhtml);
@-moz-document URL ("http://www.loaoao.com") {
selectors{...! Important
}

What about Opera. Although through ACID2
Can be in my boring wording ~ still have problems like this Li:hover+li {} do not know whether the next release will be resolved
Fortunately others have provided

@media all and (min-width:0px) {
selectors{}
}

Where's Safari? Please forgive my poor, I have no money to buy apple things,
I don't know how many problems there will be. This is the most depressing thing, fortunately Safari is good for standard support,
More ways to filter can refer to http://centricle.com/ref/css/filters/


Whether it's using hack or filter, it's painful.
Solving today's problems is not about producing tomorrow's problems.
  • Related Article

    Contact Us

    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.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.