遊び向き~JSでブラウザ判別してCSS

JS辞書から持ってきてちょこちょこいじったCSS切り分け。


<br /> <html><br /> <head><br /> <title>CSS change</title> <link rel="stylesheet" href="cc_style.css" type="text/css"> <script Language="JavaScript"><!-- fName = ""; stri = navigator.userAgent.toLowerCase(); if (stri.indexOf("netscape") >= 0) fName = "ns"; if (stri.indexOf("opera") >= 0) fName = "op"; if (stri.indexOf("firefox") >= 0) fName = "fx"; str = navigator.appName.toLowerCase(); if (str.indexOf("explorer") >= 0) fName = "ie"; if (fName == "ns"){ freaName = "cc_ns.css"; }else if(fName == "op"){ freaName = "cc_op.css"; }else if(fName == "fx"){ freaName = "cc_fx.css"; }else if(fName == "ie"){ freaName = "cc_ie.css"; }else{ freaName = "cc_def.css"; } document.write("<link rel='stylesheet' href='"+freaName+"' type='text/css'>"); // --></script><br /> </head><br /> <body data-rsssl=1></p> <div class="test">ブラウザチェック</div> <p></body><br /> </html><br />
あーああーsafari忘れてた!
一応useragentでそのままでるっぽいから同じように追記してOKかな。
できれば小細工使わずにCSS一枚でビシっと行きたいっすねヽ( ■∀■)ノ

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>