javascript - How to add CSS Hack specifically for IE10? -



javascript - How to add CSS Hack specifically for IE10? -

i trying add together css ie 10.

actually css working fine in chrome , firefox. creating problem in ie 10.

i tried code , made ie10.css not working.

<script> if (/*@cc_on!@*/false) { var headhtml = document.getelementsbytagname('head')[0].innerhtml; headhtml += '<link type="text/css" rel="stylesheet" href="css/ie10.css">'; document.getelementsbytagname('head')[0].innerhtml = headhtml; } </script>

it not working. kindly help.

you can track latest versions of ie (mostly ie 10 , ie 11) using

1. css media query hack:

/* #ie10,11 reddish in msie 10, both in high contrast (display setting) , default mode */ @media screen , (-ms-high-contrast: active), (-ms-high-contrast: none) { //-- set ie specific css class here }

or

@media screen , (min-width:0\0) { /* ie9 , ie10 rule sets go here */ }

read this

working example

2. browser detection:

if ($.browser.msie && $.browser.version == 10) { $("html").addclass("ie10"); }

3. using script (not tested):

<script> /*@cc_on @if (@_jscript_version == 10) document.write('<link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />'); @end @*/ </script >

note : know document.write considered bad practice.

conditionnal comments (ie10 dropped conditionnal comments):

if want load external css file ie, can utilize conditionnal comments. mentioned in question wants ie 10 , ie10 dropped conditionnal comments.

microsoft-drop-ie10-conditional-comments.

javascript jquery css css3 internet-explorer-10

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -