Question

我想用以下标记更改我嵌入的文本样式

<iframe src="URL">

我的网页包含的字符数量有限，可以快速用完CSS和HTML编码。使用iframe嵌入的代码是：

<style type="text/css">

body {
    color: black;
}

h1 {
    color: #FFFFFF;
}

h2 {
    color: rgb(255,255,255);
}

</style>

<h1>Hello World!</h1>

但是当我使用以下内容嵌入它时：

<iframe src="THE RAW URL of the code above" frameBorder="0">

...显示整个代码，而不仅仅是#FFFFFF中的Hello World!。

我在这里做错了什么？我只会嵌入Hello World!，但我知道父页面上的CSS不会改变我放入iframe的源代码的样式。

Answer 1

由于iframe用于嵌入HTML文档，因此您应该尝试使用完全有效的HTML作为外部文件。像这样：

<!DOCTYPE html>
<html>
<head>
  <title>iframe example</title>
</head>
<body>
  <style type="text/css">
    body {
        color: black;
    }

    h1 {
        color: #FFFFFF;
    }

    h2 {
        color: rgb(255,255,255);
    }
  </style>
  <h1>Hello World!</h1>
</body>
</html>

如何避免iframe嵌入代码？

1 个答案: