html - iframe 的透明度

标签 html css iframe

我正在使用 iframe 显示一些包含画廊的页面,我添加了 2 个 div,其中 1 个是由边框构建的箭头。

现在,当我尝试使用 iframe 查看 2 个 div 时,持有箭头的 div 上的背景为白色,我尝试设置背景颜色:

background-color:transparent;

但是没用。

有什么办法可以让div背景透明吗?

我应该补充一点,包含 iframe 的页面有一个图像。

这是箭头的CSS:

border-color: #ffffff #a0c7ff #ffffff #ffffff;
border-style: solid;
border-width: 37px;
width: 0px;
height: 0px;

最佳答案

您需要添加到 iframe:

allowTransparency="true"

[更新]

问题可能出在您的箭头本身。您需要使您不想看到的边框透明而不是白色。比较这两个:

http://jsfiddle.net/XtMCa/

还有这个(你的 CSS),它有一个白色的背景:

http://jsfiddle.net/XtMCa/1/

关于html - iframe 的透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8897176/

相关文章:

python - 在 Django 中不属于您网站的抽象网址

javascript - jQuery 如何通过单击另一个元素来更改元素的类

javascript - 将日期和天气代码从中文翻译成英文

html - 为什么 iframe 在嵌入到 Web 应用程序页面时不加载?

javascript - 当屏幕较小时,如何将单选按钮组控件更改为垂直?

javascript - 在 jsp 页面中管理 <iframe>

javascript - 选择数组angular 7 safari第一个索引的下拉值默认值

html - 为什么我的导航栏中心没有?

html - Workflowy - Stylebot - 有没有办法在特定标签/元素以 xxx 开头(例如 "[ ]"或 "evernote://"字符?

css - Angular : Setting a class on an element within ng-repeat based on a property of the current item