Question

我有这个iframe，对我来说不会透明。我让iframe允许透明度，并给iframe的主体一个背景颜色：透明;

<iframe src="about:blank" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');" allowtransparency="true"></iframe>
</div>

这是在iframe中

html, body {
    background-color:transparent;
}

所以我真的很难过为什么这不起作用！我读到iframe无法从外部设置样式，所以我必须在iframe中的某个地方更改样式吗？但是idk它可能是什么。使背景透明的方法有哪些？我也尝试过背景色：无透明;和背景：无透明;但似乎没什么用。还尝试给它一个过滤器：alpha（opacity = 0）和不透明度：0;仍然没有运气。有人有任何想法吗？

您可以在此处查看我的问题：

kitchenova.com/mobile

运行搜索让我们说葡萄酒。单击任何图像结果，您将看到我的问题。我想摆脱iframe上的那个白色背景。

Answer 1

在第85行的mobile.css中，我看到了这一点：

.ui-body-d, .ui-overlay-d {
    background: linear-gradient(#FFFFFF, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}

从此定义中删除背景使弹出窗口的背景透明。

您可能希望为表格的内部元素添加一些背景颜色，以使实际内容区域不透明。

您可能还想删除或覆盖box-shadow，因为阴影显示为方形（不是圆角）：

.ui-overlay-shadow {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

这个iframe拒绝透明

1 个答案: