css - 如何使 CSS 定义在 Internet Explorer 中工作

Question

我有一个 CSS 文件，我将所有样式放入其中，每当我定义任何代码时，例如:

MYtitle{
color: brown;
font-size:19px; 
font-family:"Comic Sans MS", Times, serif;
}

然后我在我的 html 文件中调用它:

<MYtitle> This is my defined Heading </MYtitle>

它可以在 Firefox 和其他浏览器中运行，但不能在 Internet Explorer 中运行，它根本不会感知我的样式。

是否有另一种方法来定义上述内容以与 Internet Explorer 一起使用？我正在尝试构建一个适用于所有浏览器的网站

非常感谢任何提示或帮助。 谢谢。

Answer 1

Internet Explorer 只会为有效的 HTML 元素设置样式，这就是为什么有 HTML5 shiv 的原因适用于 IE8 及更早版本。您可以通过在 JavaScript 中使用元素名称调用 document.createElement 来解决此问题:

document.createElement('MYtitle');

Here's a demo.

但是，您很可能不应该使用自己的代码类型。这会使您的标记无效，并可能导致兼容性问题，类似于您刚刚遇到的问题。一个可能的替代方案是 CSS 类，尽管它们可能不完全符合要求。这取决于您要做什么。