css - ≤IE8 中忽略 960gs alpha 和 omega 类

标签 css internet-explorer 960.gs

http://templesmc.staging.wpengine.com/tutv/

在我使用 alphaomega 嵌套网格 div 类的部分站点中,Internet Explorer 8 及以下版本可以似乎不承认这些类的存在。在 IE 的检查器中,它显示了 10px 的原始网格边距,而没有被 alpha/omega 类覆盖。

这通过留下额外的 10px 边距来破坏布局。

我到处搜索 - 我知道 IE8 上边距错误,但我没有看到任何关于左右边距的问题。

最佳答案

问题是在 css 中,类 alpha 和 omega 使用的 nth-child 在 IE8 及以下版本中不起作用: .alpha, .has-taxonomy-show.singular #content .video-sidebar .video-section .video-item:nth-child(偶数)

.omega, .has-taxonomy-show.singular #content .video-sidebar .video-section .video-item:nth-child(odd)

你应该用 IE8 专用的 JQuery 来做到这一点<

关于css - ≤IE8 中忽略 960gs alpha 和 omega 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16309437/

相关文章:

css - 在 960.gs div 中垂直对齐图像?

html - 如何将一个div设置为嵌套在另一个div中并填充父div并自动调整高度和重量

html - 在调整页面大小时或在不同设备上查看时保持纵横比

php - Wordpress 主题中的自定义模板样式

javascript - jQuery 选择菜单验证器适用于 FF 和 Chrome,但不适用于 IE

html - 如果主体容器本身为 940px,我该如何正确使用 960 网格系统?

html - Flexbox div 未在 Chrome 中显示

xml - 在 C# 中使用 XSLT 将 RVML 转换为 SVG

jQuery + tablesorter + IE7 + 大表 = hell

html - 帮助与 960 gs 对齐