本文内容主要参考: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>