Determine the browser type and use the corresponding CSS

If you have developed front-end applications, You Should overhead the browser compatibility issue. Here is a way to determine the type of CSS to be used based on your browser. Similarly, you can also display the day, night, or early morning based on the user logon time to make your website more humane.

<Link href = "" rel = "stylesheet" type = "text/css" id = "link"/> <script type = "text/javascript"> <! -- If (window. navigator. userAgent. indexOf ("MSIE")> = 1) {// if the browser is IEsetActiveStyleSheet ("ie8.css");} if (window. navigator. userAgent. indexOf ("Firefox")> = 1) {// If the browser is FirefoxsetActiveStyleSheet ("firefox.css");} else {// If the browser is another setActiveStyleSheet ("other.css ");} function setActiveStyleSheet (title) {document. getElementsByTagName ("link") [0]. href = "url/" + title;} // --> </script> <! -- [If lte IE 6]> <link rel = "stylesheet" type = "text/css" href = "url/ie6.css"/> <! [Endif] --> <! -- [If IE 7]> <link rel = "stylesheet" type = "text/css" href = "url/ie7.css"/> <! [Endif] -->