Html 仅适用于Internet Explorer 10的条件CSS

Html 仅适用于Internet Explorer 10的条件CSS,html,css,conditional,internet-explorer-10,Html,Css,Conditional,Internet Explorer 10,InternetExplorer10破坏了我的jQuery菜单。我可以通过对CSS应用一个小的修改来解决这个问题,如下例所示 /* For Internet Explorer 10 ------*/ margin-top: 1px; /* For all other browsers ------*/ margin-top: 2px; 有没有办法在我的CSS include中有条件地应用这些情况 我知道浏览器嗅探并不理想,但这似乎很好: if ($.browser.msie &&a

InternetExplorer10破坏了我的jQuery菜单。我可以通过对CSS应用一个小的修改来解决这个问题,如下例所示

/* For Internet Explorer 10 ------*/
margin-top: 1px;

/* For all other browsers ------*/
margin-top: 2px;
有没有办法在我的CSS include中有条件地应用这些情况

我知道浏览器嗅探并不理想,但这似乎很好:

if ($.browser.msie  && parseInt($.browser.version, 10) === 10) {
    $(".jMenu li ul").css("margin", "1px");
}

鉴于菜单已经依赖JavaScript,您可以使用基于userAgent字符串的JavaScript代码向
添加一个类:

JavaScript …然后在CSS中以Internet Explorer 10为目标

CSS
杜普。IE10不支持条件语句,但这可能会有所帮助:$。浏览器已弃用,并已从最新的jquery版本中删除。谢谢xec,我相信我们使用的是1.8,但我将对此进行研究。你知道另一种方法吗?@QF_Developer是的,你可以看看
navigator.userAgent
,就像我在回答中所说的:)-用户代理嗅探通常是一件坏事,但你描述问题的方式似乎是最直接的方法。更干净的解决方案是找出为什么边距会破坏菜单,但我们需要更多的信息。是的,我也在使用JQuery,以便有选择地修改css样式。我目前正在测试这个选项。
if (navigator.userAgent.indexOf("MSIE 10") > -1) {
    document.body.classList.add("ie10");
}
/*IE 10 only */
.ie10 .myClass {
    margin-top: 1px;
}