iframe背景色为透明,为何在页面上还是显示白色背景色

2 阅读1分钟

本文内容主要参考:www.reddit.com/r/css/comme…

原因

color-scheme这个属性引起.关于这个属性的定义见developer.mozilla.org/en-US/docs/…

是由于页面设置了color-scheme:dark,而iframe设置的color-scheme不是dark,而造成 iframe背景色为透明,但是在页面上显示的是白色背景。

解决

1、去掉页面的color-scheme设置,或者为light或normal

2、页面和iframe页面的color-scheme都设置为dark

3、不修改页面的color-scheme,包裹iframe元素的标签设置color-scheme为light或normal

<div style="color-scheme:light">
    <iframe src='xxx'/>
<div>