【问题标题】:Is there a CSS-only fallback for calc() for IE8IE8 的 calc() 是否有纯 CSS 后备
【发布时间】:2013-06-11 02:35:30
【问题描述】:

我知道有一个CSS fallback for calc() for IE6-7。同样,我知道有a jQuery alternative

但是,对于 IE8,calc() 是否有纯 CSS 的后备?如果有,它是什么?

【问题讨论】:

  • 没有。那没有。无论如何你都可以使用 js 表达式来解决它。
  • 唯一的 CSS 后备是在 calc() 之前设置一个固定的宽度/高度
  • 您需要修改 HTML,添加一个额外的(中性容器以增加或减少值(例如正或负边距),对于其他我没有想到的情况,我不知道。
  • @GCyrillus,换句话说,不,没有纯 CSS 的解决方案。 ;)
  • @lachore,这有点递归,你不觉得吗,将问题中的链接粘贴回同一个问题?

标签: css


【解决方案1】:

你可以这样做

.content{
    padding-right: 500px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

演示http://jsfiddle.net/FYB4q/

【讨论】:

  • 这与问题有什么关系?
  • @OllyHodgson Calc 通常用于将百分比与像素值相结合,这正是我试图做的。 stackoverflow.com/questions/2434602/…
  • 这是链接问题答案的完整副本:stackoverflow.com/a/18570513/651170
  • @deathlock 我看不出与答案有太多相似之处。我建议报告“重复”,以便知名会员可以查看您的建议?
【解决方案2】:

IE 8以上不支持动态属性

Internet Explorer 8 及更高版本、IE8 标准模式及更高版本不再支持动态属性(也称为“CSS 表达式”)。

来源:Read this

【讨论】:

  • 好的,谢谢。已经阅读了该链接,因为它包含在我在问题中引用的第一篇文章的 cmets 中。这就是为什么我要问是否有在 IE8 中有效的后备。
  • @DerekHenderson,好吧,如果你不喜欢的话。
  • 这是一个非常具有误导性的回答。这是关于旧的表达式方法,与calc无关。
猜你喜欢
  • 1970-01-01
  • 2011-03-03
  • 2016-09-17
  • 1970-01-01
  • 1970-01-01
  • 2019-08-05
  • 1970-01-01
  • 2014-10-02
  • 1970-01-01
相关资源
最近更新 更多