【问题标题】:Reading a CSS property involving calc() with JavaScript in Firefox在 Firefox 中使用 JavaScript 读取涉及 calc() 的 CSS 属性
【发布时间】:2014-06-14 04:04:39
【问题描述】:

我有一个样式为min-height: calc(50% + 10px) 的元素。如何使用 JavaScript 进行此计算(即“calc(50% + 10px)”,不是当前像素值)?这可以满足我在 Chrome 中的需要,但 Firefox 只是给了我计算结果:

getComputedStyle(myEle).minHeight

小提琴:http://jsfiddle.net/P37FQ/1/

我需要确切的“calc”字符串的原因是我必须暂时删除脚本中原来的min-height 设置,然后再恢复它。

【问题讨论】:

    标签: javascript css firefox


    【解决方案1】:

    另一种解决方案是不保存 CSS 值,而只需将样式设置为空字符串:

    myEle.style.minHeight = '';
    

    这将删除使用 JavaScript 应用的样式,因此使用下一个值,即样式表中的样式。

    【讨论】:

    • 看,这就是为什么我总是包括提出问题的原因。这完全解决了我的问题,使实际问题变得多余:)
    猜你喜欢
    • 2020-06-16
    • 1970-01-01
    • 1970-01-01
    • 2014-07-11
    • 2014-08-29
    • 1970-01-01
    • 2022-12-11
    • 2016-02-28
    • 1970-01-01
    相关资源
    最近更新 更多