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

This article mainly introduces the relevant knowledge of "what are the problems related to CSS if conditions". The editor shows you the operation process through actual cases, and the operation method is simple, fast and practical. I hope this article "what are the problems related to CSS if conditions" can help you solve the problem.

1. Distinguish between IE and non-IE reader CSS HACK code

# CSS5 {

Background:blue; / * non-IE backup color * /

Bac kilogram round: red\ 9; / * IE6, IE7, IE8 matching scene colors * /

}

two。 Distinguishing IE6,IE7,IE8,FF CSS HACK

[distinguishing symbol]: "\ 9", "*", "_"

[example]:

# CSS5 {

Background:blue; / * Firefox backing turns blue * /

Bac kg round:red\ 9; / * IE8 background changes color * /

* background:black; / * IE7 turns black in the background * /

_ bac kilogram round: orange; / * IE6 background turns orange * /

}

[clarification]: because IE series readers can read "\ 9", and IE6 and IE7 can read "*" (meter font), and IE6 can recognize "_" (bottom line), so perhaps according to the order to write, it will let the hunter accurately read the familiar CSS syntax, so it can effectively identify all versions of IE and non-IE readers (such as Firefox, Opera, Google Chrome, Safari, etc.).

3. Distinguish between IE6, IE7, Firefox (EXP 1)

[distinguishing mark]: "*", "_"

[example]:

# CSS5 {

Background:blue; / * Firefox background turns blue * /

* bac kg round:black; / * IE7 background color change * /

_ bac kilogram round: orange; / * IE6 background turns orange * /

}

[note]: IE7 and IE6 can read "*" (meter font), IE6 can read "_" (bottom line), but IE7 can't read "_", and Firefox (non-IE dabbler) can't recognize "*" and "_" at all, so it can judge IE6, IE7 and Firefox by how different it is.

4. Distinguish between IE6, IE7, Firefox (EXP 2)

[distinctive identification mark]: "*", "! important"

[example]:

# CSS5 {

Background:blue; / * Firefox backup turns blue * /

* bac kilogram round: green! important; / * IE7 backing turns green * /

* background:orange; / * IE6 turns orange on the mountain * /

}

[note]: IE7 probably recognizes "*" and "! important", but IE6 can only recognize "*" but not "! important". As for Firefox, it may read "! important" but cannot identify "*" by how consistent it is to distinguish IE6, IE7 and Firefox.

5. Distinguish between IE7 and Firefox

[distinguishing symbol]: "*", "! important"

[example]:

# CSS5 {

Background:blue; / * Firefox hillside turns blue * /

* bac kilogram round: green! important; / * IE7 background turns green * /

}

[note]: because Firefox wants to recognize "! important" but cannot identify "*", while IE7 may understand "*" and "! important" at the same time, there are two identification marks to distinguish IE7 from Firefox.

6. Distinguish between IE6 and IE7 (EXP 1)

[distinguishing mark]: "*", "_"

[example]:

# tip {

* background:black; / * IE7 backup turns black * /

_ background:orange; / * IE6 set changes to orange * /

}

[explanation]: both IE7 and IE6 roughly recognize "*" (meter font size), but IE6 wants to identify "_" (bottom line), but IE7 is unable to identify it. Through the nature of IE7's inability to read "_", it is easy to distinguish the differences between IE6 and IE7.

7. Distinguish between IE6 and IE7 (EXP 2)

[distinguishing mark]: "! important"

[example]:

# CSS5 {

Bac kg round:black! important; / * IE7 turns black in the background * /

Background:orange; / * IE6 turns orange on the hillside * /

}

[description]: because IE7 can read "! important;" but IE6 is successful, and CSS reader is from top to bottom, so IE6 can not recognize "! important" and directly jump to the next line to read CSS, so the mountain color will turn orange.

8. Distinguish between IE6 and Firefox

[distinguishing mark]: "_"

[example]:

# CSS5 {

Background:black; / * Firefox sets turn black * /

_ bac kilogram round: orange; / * IE6 turns orange on the mountain * /

}

[clarification]: because IE6 approximately recognizes "_" (the bottom line), but Firefox is not, it is useful to achieve CSS hack by distinguishing Firefox from IE6.

This is the end of the content about "what are the issues related to CSS if conditions". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.