文章/答案/技术大牛

发布

社区首页 >问答首页 >如何应用IE11特定的css

问如何应用IE11特定的css
EN

Stack Overflow用户

提问于 2014-04-01 13:36:38

回答 3查看 597关注 0票数 0

我是IE11的新用户。我想在我的IE11应用程序中集成一个特定于css的css。我找了很多东西。如果有人有任何想法，请告诉我.我有很长的最后期限。提前谢谢。

css

extjs

ie11-developer-tools

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-04-01 13:41:07

    applyIEFont = function() {
        var iev=0;
        var ieold = (/MSIE (\d+\.\d+);/.test(navigator.userAgent));
        var trident = !!navigator.userAgent.match(/Trident\/7.0/);
        var rv=navigator.userAgent.indexOf("rv:11.0");

        if (ieold) iev=new Number(RegExp.$1);
        if (navigator.appVersion.indexOf("MSIE 10") != -1) iev=10;
        if (trident&&rv!=-1) iev=11;

        if(iev == 11 || iev == 10) {
            $('.menuCaption').css({ font: 'normal 34px arial, "SegoeUi"'});
        }
    };

    setInterval(applyIEFont, 300);
    $(document).ready(applyIEFont);

看这个密码。条件注释在ie11中不起作用，所以您必须用js来完成它

票数 1

Stack Overflow用户

发布于 2014-04-01 13:43:54

您最好的选择是检测IE11并相应地应用CSS类。如下所示(使用jQuery)：

$(window).load(function(){
  if(navigator.userAgent.match(/Trident.*rv:11\./)) {
    $('body').addClass('ie11');
  }
});

您可以将该类应用于您知道有IE11异常的任何元素，然后在CSS中使用该类，如下所示：

body.ie11 { }

票数 1

Stack Overflow用户

发布于 2014-04-01 14:01:35

以下是两个步骤的解决方案--这里是对IE10和11的黑客攻击

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
}

因为IE10和IE11支持ms高cotrast，所以您可以利用这两个浏览器的优势。

如果您想将IE10排除在外，您必须创建一个特定于IE10的代码，如下所示，它使用的是用户代理技巧，您必须添加这个Javascript

 var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);

和这个HTML标签

<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">

现在您可以像这样编写CSS代码

html[data-useragent*='MSIE 10.0'] h1 {
  color: blue;
}

欲了解更多信息，请参考以下网站:第一：wil家教

第二位：克里斯教程

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22787614

复制

相似问题

问如何应用IE11特定的css
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何应用IE11特定的cssEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何应用IE11特定的css
EN