Question

这段代码将被加载到我正在浏览的网站的不同页面上的iframe中。但是，应该更改页面背景的CSS无法正常工作。即使我只加载它（如不在iframe中）它也有白色背景。是什么赋予了？有什么想法吗？

<!--Developed, Written, and Implemented by Henry Edward Quinn IV in May of 2012 for the a Company-->
<html xmlns="http://www.w3.org/1999/xhtml"  lang="en" xml:lang="en">

<head>
<title>More Text about Equipment</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
<!--This little bit of CSS styling is just to guarantee consistency.-->
body {background-color:#ebf0f3;
    font-family:Arial, Helvetica, sans-serif; }
</style>
</head>

<body>
<!--This page will be loaded into an iframe. Only what's in the body will be visible on whatever page this will ultimately be on.
Since we're just filling a text box, keep the content limited to a handful of <p> tags in order for things to stay simple.-->
<a href="PATH/equipment.txt" target="_parent">More Information</a>
<p>
We've got some equipment here that has such and such a purpose and is extremely useful in certain situations (like A, B, and C).
</p>
</body>

</html>

Answer 1

在您拥有的CSS中无效：

<!--This little bit of CSS styling is just to guarantee consistency.-->

改为使用/* your comment */：

<style>
/*This little bit of CSS styling is just to guarantee consistency.*/
body {
       background-color:#ebf0f3;
       font-family:Arial, Helvetica, sans-serif; 
     }
</style>

Answer 2

我相信这是因为您的代码中包含HTML评论。如果你删除了评论它应该工作。或者使用

/ *这一点CSS样式只是为了保证一致性。* /。

为什么我的iframe的背景颜色不变？

2 个答案: