如何修复ExtJS的作用域CSS的IE浏览器?(How to fix ExtJS scoped CS

2019-10-30 02:03发布

我使用ExtJS的4.1.1,并预期在IE7中某些成分不显示。 我检查ext-all-scoped.css和我注意到,这两个类.x-reset .x-ie不会出现在正确的顺序,因此不应用的样式。 我以为我可以简单地用正确的(代替这个字符串.x-ie .x-reset ),但也有很多不同的情况,如.x-reset .x-strict .x-ie7.x-reset .x-quirks .x-ie8等都是沿着文件。 因此,我宁愿喜欢重新编译整个CSS文件。 是否有人知道如何进行?

我不是一个人了: 煎茶论坛 :),但我还是不知道该怎么办:(


编辑

我并不以此为荣,但我最后还是决定在每一个破碎的选择进行自动更换。 乍看之下,好像我的问题已经解决。 下面你可以看到我已完成所有更换的列表(仅IE)。 如果你想要做的一样,不要忘了包括各线的两侧多余的空格,这将阻止你打破喜欢选择的组合.x-some-class.x-reset 。 请注意,这是一个肮脏的和临时的解决方案,它可能会导致意外的错误,你应该尝试一个更标准的方式来代替。

 .x-reset .x-quirks .x-ie9p // broken
 .x-quirks .x-ie9p .x-reset // fixed

 .x-reset .x-quirks .x-ie 
 .x-quirks .x-ie .x-reset 

 .x-reset .x-quirks .x-ie7 
 .x-quirks .x-ie7 .x-reset 

 .x-reset .x-quirks .x-ie8 
 .x-quirks .x-ie8 .x-reset 

 .x-reset .x-quirks .x-ie9 
 .x-quirks .x-ie9 .x-reset 

 .x-reset .x-strict .x-ie7m 
 .x-strict .x-ie7m .x-reset 

 .x-reset .x-strict .x-ie6 
 .x-strict .x-ie6 .x-reset 

 .x-reset .x-strict .x-ie7 
 .x-strict .x-ie7 .x-reset 

 .x-reset .x-strict .x-ie8 
 .x-strict .x-ie8 .x-reset 

 .x-reset .x-strict .x-ie9 
 .x-strict .x-ie9 .x-reset 

 .x-reset * html .x-ie 
 * html .x-ie .x-reset 

 .x-reset .x-nbr.x-ie 
 .x-nbr.x-ie .x-reset 

 .x-reset .x-ie7m 
 .x-ie7m .x-reset 

 .x-reset .x-ie8m 
 .x-ie8m .x-reset 

 .x-reset .x-ie6 
 .x-ie6 .x-reset 

 .x-reset .x-ie7 
 .x-ie7 .x-reset 

 .x-reset .x-ie8 
 .x-ie8 .x-reset 

 .x-reset .x-ie9 
 .x-ie9 .x-reset 

 .x-reset .x-ie 
 .x-ie .x-reset 

Answer 1:

I think if you don't want to recompile the entire CSS use different CSS file for IE browsers as below.

    <!--[if IE 7.0]><link href="css/ie7.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
    <!--[if IE 8.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
    <!--[if IE 9.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->


文章来源: How to fix ExtJS scoped CSS for IE?