Question

首先，这只发生在IE上，在firefox 3.6中一切正常，我的页面中引用了很多css文件，如下所示

<head>
   <link href="@Url.Content("~/Content/layout.css")" rel="stylesheet" type="text/css" />  
   <link href="@Url.Content("~/Content/page1.css")" rel="stylesheet" type="text/css" />    
   <link href="@Url.Content("~/Content/page2.css")" rel="stylesheet" type="text/css" />  
</head>

第2页中的css规则未应用，如果我更改顺序，例如layout，page2，page1则会忽略page1的规则。有什么想法吗？

我在我的布局中引用所有css以在开发期间单独使用它们并将它们放在一起并在部署期间压缩它，我目前大约有30个css，可能是这个问题吗？

注意：正在下载css，我用fiddler检查它们，由于某种原因IE浏览器忽略了我的规则，除了它在firefox上完美运行。

修改

另一个线索，我注意到，如果我删除页面中的上一个链接引用，所有内容都开始工作，所以，我认为前一个文件有问题，我去了那个文件，把所有东西放在/ * * /之间再次添加引用，一切都破了。

Answer 1

这太不可思议了，我发现了这个问题，IE每页的样式表都有限制，正如这个问题所指出的Does IE 8 have a limit on number of stylesheets per page?

我知道，我知道，31个样式表是如何可能的，我在开发期间将它们分别用于压缩并在生产后加入它们，当然我现在需要做其他事情。

IE 8,9中没有应用css文件规则，它们适用于Firefox

1 个答案: