Html 当背景为透明时,如何设置页面的默认背景色

Html 当背景为透明时,如何设置页面的默认背景色,html,css,Html,Css,我有一个页面,在该页面中,我使用以下方法将背景设置为完全透明: body { background:none transparent!important; } 这是预期的工作,我在一个透明的iframe中显示在不同的网站上,我想通过页面查看网站背景 但是,如果我直接访问页面,背景显示为白色(一定是对的?) 这是硬编码的浏览器还是有办法将其设置为黑色? 网站代码: <div class="page-background "> <div class="header"&

我有一个页面,在该页面中,我使用以下方法将背景设置为完全透明:

body {
  background:none transparent!important;
}
这是预期的工作,我在一个透明的iframe中显示在不同的网站上,我想通过页面查看网站背景

但是,如果我直接访问页面,背景显示为白色(一定是对的?)

这是硬编码的浏览器还是有办法将其设置为黑色?

网站代码:

<div class="page-background ">
    <div class="header">
      <span>Website menu here</span>
      <span><a href="index.html">Book</a></span>
      <span><a href="about.html">About</a></span>
      <span><a href="contact-us.html">Contact Us</a></span>
    </div>
    <iframe src="http://localhost:4500" allowtransparency="true"></iframe>
  </div>

网站菜单在这里

当您直接访问时,您的
正文
的父项为
html
,背景为白色。这就是您看到白色背景的原因。如果想看到黑色,需要将
html
设置为黑色背景

html{
背景:#000;
保证金:0;
身高:100%;
}
身体{
背景:#fff;
身高:100%;
保证金:0;
}

透明化

当您直接访问时,您的
正文
的父项为
html
,背景为白色。这就是您看到白色背景的原因。如果想看到黑色,需要将
html
设置为黑色背景

html{
背景:#000;
保证金:0;
身高:100%;
}
身体{
背景:#fff;
身高:100%;
保证金:0;
}

透明化

只需创建这三个文件并在“背景图像”属性中提供图像链接,然后第二个文件名应为test2.html,第三个文件名应为test3.html。然后运行第一个文件并单击book选项


网站菜单在这里

只需创建这三个文件并在“背景图像”属性中提供图像链接,然后第二个文件名应为test2.html,第三个文件名应为test3.html。然后运行第一个文件并单击book选项


网站菜单在这里

当您直接访问时,您的
正文
的父项为
html
,背景为白色。这就是您看到白色背景的原因。如果您想看到黑色,您需要将
html
设置为黑色背景当您直接访问时,您的
body
的父项为
html
,其背景为白色。这就是您看到白色背景的原因。如果你想看到黑色,你需要将你的
html
设置为黑色背景。实际上我已经试过了。不幸的是,这不适用于我的情况。我需要“看穿”html和iframe到iframe所在的网站背景。我将编辑我的问题以添加iframe代码。您必须根据是否直接访问或通过iframe有条件地处理此问题。是的,这可能是一种方法。我可以在url中传递一个参数。我确实尝试过这个。不幸的是,这不适用于我的情况。我需要“看穿”html和iframe到iframe所在的网站背景。我将编辑我的问题以添加iframe代码。您必须根据是否直接访问或通过iframe有条件地处理此问题。是的,这可能是一种方法。我可以在url中传递一个参数。你和我在同一点上。我想从那里得到的是,如果你直接(不是通过iframe)到test2.html或test3.html,背景不是白色而是黑色。你和我在同一点上。我想从那里得到的是,如果直接(而不是通过iframe)转到test2.html或test3.html,背景不是白色而是黑色。