Browser compatibility issues

The various browser compatibility issues I'm currently experiencing

The 1.ie6/7/8border-radiu property. Workaround: BACKGROUNDSIZE.HTC, BACKGROUNDSIZE.MIN.HTC, can alleviate the simulated fillet.

2.IE6 does not recognize transparent properties. WORKAROUND: Dd_belatedpng_jb51.net,js load the file.

3. Google unexpectedly and Safari sometimes show different. The hack is used, as follows:

1. <!–[if! Ie]><!–> In addition to IE can be recognized <!–<! [endif]–>
2. <!–[if ie]> all IE recognizable <! [endif]–>
3. <!–[if IE 5.0]> only IE5.0 can recognize <! [endif]–>
4. <!–[if IE 5]> only IE5.0 and IE5.5 can be identified <! [endif]–>
5. <!–[if GT IE 5.0]> IE5.0 and IE5.0 above can be identified <! [endif]–>
6. <!–[if IE 6]> only IE6 recognizable <! [endif]–>
7. <!–[if LT IE 6]> IE6 and IE6 The following versions are recognized <! [endif]–>
8. <!–[if GTE IE 6]> IE6 and IE6 versions are recognized <! [endif]–>
9. <!–[if IE 7]> only IE7 recognizable <! [endif]–>
<!–[if LT IE 7]> IE7 and IE7 The following versions are recognized <! [endif]–>
<!–[if GTE IE 7]> IE7 and IE7 are recognized <! [endif]–>

12. Differentiate between Google and Safari's JQ

"FireFox"

@-moz-document Url-prefix () {. Classname{color: #FFF}}

"WebKit kernel: Safari Chrome"

@media screen and (-webkit-min-device-pixel-ratio:0) {. Classname{color: #FFF}}

"Presto Core: Opera"

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body. Classname{color: #FFF}

Browser compatibility issues