当前位置：文江博客话题详情

iframe 的透明度

发布于 2024-12-27 06:18:41 字数 407 浏览 0 评论 0原文

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

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

背景颜色：透明；

但它不起作用。

有什么办法让div背景透明吗？

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

这是箭头的CSS：

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

原文

im using iframe to desplay some pages that hold a gallerys and i added
2 divs that 1 of them is an arrow build by borders.

now when i try to see the 2 divs with the iframe the background on the div that holds the arrow is white i tryed to set the background color:

background-color:transparent;

but it didnt work.

is there any way to make the div background transparent?

i should add that the page that hold the iframe got an image.

this is the css of the arrow:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

┾廆蒐ゝ 2025-01-03 06:18:41

您需要添加到 iframe：

allowTransparency="true"

[更新]

问题可能是您的箭头本身。您需要将不想看到的边框设置为透明而不是白色。比较这两个：

http://jsfiddle.net/XtMCa/

这个（你的 CSS）有一个白色背景：

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

You will need to add to the iframe:

allowTransparency="true"

[UPDATE]

The problem might be your arrow itself. You need to make the borders you don't want to see transparent instead of white. Compare these two:

http://jsfiddle.net/XtMCa/

And this (your CSS), which has a white background:

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

回复收藏 0 原文

皓月长歌 2025-01-03 06:18:41

.transparent_div
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }

.transparent_div
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }

回复收藏 0 原文

~没有更多了~