文章/答案/技术大牛

发布

问IE9中无法识别CSS样式
EN

Stack Overflow用户

提问于 2012-01-23 23:25:34

回答 3查看 13.4K关注 0票数 5

这快把我逼疯了。这是我在一个示例页面上的一些HTML和CSS。最初的意图是让LI不带任何标记。我已经尝试了所有可能的方法，但列表项将显示标准的小数标记。我使用了IE9附带的开发人员工具来检查UL和LI元素。IE似乎根本不能识别"recentAnnouncementsList“css类。这些元素不显示应用于其上的样式。这一整套设置在Chrome上都能完美地工作。我遗漏了什么？

谢谢

ul.recentAnnouncementsList
{
    margin-left: 0px;
    padding-left: 5px;
}

ul.recentAnnouncementsList li
{
    margin-left: 0px;
    padding-bottom: 5px;
    list-style-type:none;
}

ul.recentAnnouncementsList li a{
    color:#675DF0;text-decoration:none; font-size:0.85em;
}

ul.recentAnnouncementsList li span{
    display: block;
    text-indent: 0px;
    text-transform: none;
}

<td>
<div>
<ul class="recentAnnouncementsList" id="recentAnnouncements">
<li><a href="#">Released 1</a></li>
<li><a href="#">Release 2</a></li>
</ul>
</div>
</td>

css

internet-explorer-9

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-25 22:53:41

我终于解决了这个问题。问题是我在文件中添加了一个名为"container“的新CSS类。我不确定这是否是IE和FF中的一些bug，但CSS文件在该样式开始时被剪切。我通过查看IE的开发人员工具发现了这一点。当我在IE中查看加载的文件时，它并不完整。我所有与UL/LI标签相关的样式都出现在那个类定义之后。在我从文件中删除"container“类后，一切都恢复正常。

感谢您的所有意见和建议。

票数 6

Stack Overflow用户

发布于 2012-01-24 14:56:53

对于我的项目，我曾经将IE9呈现为IE8，方法是使用HTML元标记呈现它

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

因此，相同的css适用于这两种情况

票数 2

Stack Overflow用户

发布于 2017-03-25 03:16:20

IE6-9在CSS文件中声明的选择器的数量都有限制。我假设为.recentAnnouncementsList声明的样式位于限制之上，并且完全被忽略。有一些工具可以帮助将大的CSS文件分成几个部分，并将单个文件中的选择器数量控制在限制以下：

blesscss -命令行tool
css_splitter -对于Rails apps
gulp-bless -对于NodeJS项目

票数 0

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

原文链接：

https://stackoverflow.com/questions/8974018

复制

相似问题

问IE9中无法识别CSS样式
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE9中无法识别CSS样式EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE9中无法识别CSS样式
EN