今天有用户报告,说打开我们的页面会导致浏览器崩溃。查了下,原来是这句 CSS 导致了性能的问题

_height: expression(this.scrollHeight > 200 ? 200 + 'px' : 'auto');

看来还是 Exploer 的 CSS expression 作祟。简单的说明下这个语句,主要是实现 Exploer6 不支持的 max-height 属性而做的个 Hack(是个「历史遗留问题」)。

期前对于 CSS expression 也做过类似的测试 ,使用程度为--慎用--禁用(原因有三,仅 Exploer 支持、性能消耗很大、脚本和表现混杂)。

这一 Hack 姑且可以被认定为,是在 Exploer6 走向末路之前的「救命稻草」(但目前在日常的项目中,如果出现这样的代码,是无论如何都不会被允许的)。

最后, 简单的写了个 DEMO ,以及更多的信息可以 查看这里

注: Exploer7 已经支持 max-height 等属性。