简单的 CSS 错误 - 你能发现问题吗？答案

【问题标题】：Simple css error - can you spot the issue?简单的 CSS 错误 - 你能发现问题吗？
【发布时间】：2017-03-24 00:06:10
【问题描述】：

我的编辑在下面的单词高度之后用冒号提出了一个错误 - 冒号有什么问题以及如何更正？

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

我有一个类似的错误，下面的减号突出显示为意外标记：

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

最后，下面的Const操作符在js脚本中报错：

const CKEDITOR_BTN_REMOVED = 'SpecialChar,Subscript,Superscript,PasteFromWord,Smiley,BGColor,TextColor,HorizontalRule,PageBreak,Table,Font,RemoveFormat,Blockquote';

【问题讨论】：

也许它只是不喜欢或不知道真正过时的 css expression。
所以它们是有效的 css 表达式，但编辑器是问题所在？
我以前从未见过有人在 css 中使用 javascript...但是 google 说它确实对旧浏览器有效。我怀疑它的支持很少。
@Ringo ES6 并非所有地方都受支持，包括 OP 当前的编辑器，所以不，我不支持。你是吗？
这是 10 年前流行的代码，字面意思。这不是 ES6。

标签： javascript css

【解决方案1】：

好的，您似乎有多个问题。

首先，您构建页面的方式在今天是古老而错误的。

您使用的“Star HTML”黑客在多年前非常流行。它仅适用于 Internet Explorer 6 或更旧版本。这里的信息：

http://www.dynamicsitesolutions.com/css/filters/star-html/

您还使用了仅在 Internet Explorer 7 或更旧版本中受支持的 CSS 表达式。这里的信息：

Which browsers still support CSS expressions

您不应该尝试使用这些旧的未使用技术编写代码——除非您只希望它在 Internet Explorer 6 或更早版本中工作。无论您使用什么教程，它都已经过时了。如果你真的想在你的 css 中使用 javascript，只需将 javascript 写在一个真正的 < script> 块中，而不是尝试将 javascript 作为 css 表达式插入。

其次，您在尝试使用关键字 const 时遇到此问题。我想猜测您实际上想使用 var 而不是 const，除非您打算使用 EcmaScript 6。考虑到您遇到的其他问题，我我猜测 const 是一个错误，或者你从某个地方接了线，却没有意识到它是 ES6。我建议先尝试将 const 更改为 var，如果这对您有用，那就太好了。

【讨论】：

【解决方案2】：

* html 暗示 html 是另一个元素的子元素 - 这是不可能的：html 始终是您在 HTML/CSS 中可以获得的最高级别

【讨论】：