css - IE9/IE 10 没有样式表

标签 css internet-explorer-9 zurb-foundation

我遇到了很大的障碍。虽然我相信我的 IE10 可以正常工作,但 IE 9 不会在我的生活中显示我的任何自定义样式。它默认为 Foundation。即使在应用自定义 CSS 之后,那个荒谬的 Canvas 外也不会被隐藏。

我不得不说我完全不知所措。该站点在所有其他浏览器中都可以完美运行,并且之前运行良好。在这个过程中的某个地方,一些剧烈的变化发生了。

网站是 pro-gard.com

我非常感谢任何帮助和见解。

最佳答案

该站点在 Firefox 中显示几乎完美,导航栏垂直放置一两个像素。我已经看到您使用的一些 CSS3 样式可能会与各种版本的 IE 冲突,包括您的渐变/圆 Angular 。

你看过Modernizr了吗? ?

"Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not."

这可能有助于解决一些不兼容的样式。

此外,您还可以查看 CSS 与各种 IE 版本的兼容性的完整列表 here .

编辑:根据您在下方的评论,我添加了 IE 的 CSS 限制。

Internet Explorer 6-9

A sheet may contain up to 4095 rules
A sheet may @import up to 31 sheets
@import nesting supports up to 4 levels deep

Internet Explorer 10

A sheet may contain up to 65534 rules
A document may use up to 4095 stylesheets
@import nesting is limited to 4095 levels (due to the 4095 stylesheet limit)

找到这个信息:here

关于css - IE9/IE 10 没有样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22615607/

相关文章:

css - 使用 CSS 在 IE9 中垂直居中元素

javascript - 使用滑动手势从一个页面移动到另一页面

javascript - 打开新的基础元素时出现 "Uncaught TypeError: a.indexOf is not a function"错误

ruby-on-rails - 在 Foundation 中使用变量和 mixin

javascript - Jquery .Click 适用于所有子 div?

animation - 如何创建彩色条纹背景,动画缓慢旋转 360 度,不使用光栅图像或 js?

html - 无法让 flexbox 元素水平排列

javascript - 在div中加载外部php文件时如何控制两个滚动条出现在单个屏幕上

php - IE9 中的 "This type of file could harm your computer"消息

javascript - IE9文本输入焦点异常