IE的指南针后备

时间:2012-04-08 16:23:25

标签: ruby-on-rails internet-explorer cross-browser sass compass-sass

我目前正在尝试将指南针集成到我的Rails项目中。一切正常,直到我尝试旧的firefox版本(3.0.18)和一个不那么老的IE版本(8)。

例如,我的标题有一个线性渐变:

  +background-image(linear-gradient(#8fcbef, #cee8ff))

它工作正常。但旧版浏览器没有自动回退功能。像背景颜色的东西:#8fcbef ...

我错过了什么吗?

提前致谢!

1 个答案:

答案 0 :(得分:2)

这里有几个选项:

  • 自己指定css3的每个位的回退,并开始使用modernizr以确保仅在未解释CSS3时读取它们
  • 尝试使用bourbon,因为它在您使用CSS3时提供了回退

如果您想坚持使用指南针,请尝试html5-rails,因为它会将modernizr嵌入到您的应用中,以便您只有在需要时才能有选择地提供回退

ps modernizd 后备的一个例子是:

// this rule is only applied if the browser is incapable of rendering css3-style gradients 
.no-cssgradients
  #header
    background-color: #8fcbef

// this rule is applied when css3 gradients are interpreted 
#header    
  +background-image(linear-gradient(#8fcbef, #cee8ff))