【问题标题】:CSS3 PIE: linear-gradients don't work in IE9CSS3 PIE:线性渐变在 IE9 中不起作用
【发布时间】:2012-01-05 15:47:02
【问题描述】:

我在我的网站上使用CSS3 PIE,我注意到线性渐变在 IE9 中不起作用。我之前使用 PIE 来支持线性渐变,在 IE9 中没有任何问题,所以我不知道这次是什么问题。

我尝试过/考虑过的事情:

  • 我使用的是支持 IE9 的 Beta 5
  • 我知道我的样式表中 PIE.htc 的路径是正确的,因为如果我通过 IE 开发工具栏将页面的文档模式切换到 IE7/8,渐变将起作用
  • 我知道我的服务器正在使用正确的内容类型提供 PIE.htc,因为渐变在同一服务器上的另一个站点上的 IE9 中工作(此外,如果我手动导航到该文件,IE 会提示我保存文件,根据 PIE 的文档/论坛,这是正确内容类型的证明)

我被难住了。与我过去使用 PIE 的方式似乎没有什么不同,而且我以前从未遇到过渐变没有出现在 IE9 中的问题。

【问题讨论】:

  • 嗯...如果我使用 JS 版本的 PIE 而不是 HTC,渐变在 IE9 中工作。这意味着我的服务器正在使用不正确的内容类型提供 PIE.htc,但正如我所说,这似乎是不可能的,因为同一服务器上的另一个站点使用 .htc 版本没有问题。
  • 好吧,它变得更奇怪了。当我尝试 JS 版本时,我只将它应用于一个特定的类名,但它修复了页面上 all 元素的渐变 - 即使是没有该类的元素!这真的没有意义......

标签: internet-explorer-9 content-type css3pie linear-gradients


【解决方案1】:

知道了 - 出于某种原因,我的服务器正在缓存旧版本的 PIE(Beta 4,它不支持 IE9),尽管我已经上传了 Beta 5(它支持)。我只是完全删除了 PIE.htc 并重新上传它以强制我的服务器选择新版本,现在它可以工作了。

【讨论】:

    猜你喜欢
    • 2011-09-23
    • 2012-05-14
    • 1970-01-01
    • 1970-01-01
    • 2015-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-29
    相关资源
    最近更新 更多