`
java2000.net
  • 浏览: 651331 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

透明背景的开/关设置

阅读更多

透明背景的开/关设置

出自:http://lucky.myrice.com

E-mail:amxh@21cn.com

  IE5.5和NN6以上的浏览器支持 Frame ,Iframe对象的 allowTransparency 方法,如果某对象的背景颜色设置为Transparency的,它将继承包含它容器的特性。
  例如:

<iframe allowtransparency="" src="http://lucky.myrice.com/javascriptexam/a.html" id="frame1" height="180" width="200"></iframe> <iframe allowtransparency="" src="http://lucky.myrice.com/javascriptexam/b.html" id="frame2" height="180" width="200" style="BACKGROUND-COLOR: #459800"> </iframe>



a.html如下:

<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME无背景颜色</P>
<P>BODY:<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

b.html如下:

<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME 设为黄色。</P>
<P>BODY: <br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

如果a.html透明的,它将继承IFRAME的背景颜色 如果容器IFRAME也是透明的,a.html将继承Iframe的父容器的颜色,如果一个对象不透明,它将覆盖其容器的颜色,默认是透明的。

Internet Explorer 5.5 以上版本允许你设置透明属性,通过设置是否可被透明,你可以改变背景的颜色。[在不设置透明属性的情况下,默认背景颜色为白色]

IFRAME定义如下:

<IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </IFRAME> <IFRAME ID="frame2" SRC="b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </IFRAME>

按钮定义如下:

<INPUT TYPE="button" VALUE="不透明" onclick="turnTransparencyOff()"> <INPUT TYPE="button" VALUE="透明" onclick="turnTransparencyOn()">

函数turnTransparencyOff():

function turnTransparencyOff()
{ document.all.frame1.allowTransparency = false; document.all.frame2.allowTransparency = false; }

函数turnTransparencyOn():

function turnTransparencyOn()
{
document.all.frame1.allowTransparency = true; document.all.frame2.allowTransparency = true; }

分享到:
评论

相关推荐

    flash透明背景说明

    透明背景对于提高Flash动画与周围环境的融合性至关重要,是Flash开发者必须掌握的一项基本技能。同时,我们也简要介绍了HTML中的`&lt;marquee&gt;`标签及其用法,尽管这不是实现透明背景的关键内容,但对于理解给定的示例...

    图文教程:使用PS快速将图案背景设置为透明

    这个过程对于创建图标、设计网页元素或准备用于透明背景显示的图像至关重要。本教程将详细讲解如何通过简单的步骤在PS中实现这一操作。 首先,确保你的图片是以PNG格式保存的,因为PNG支持透明度,而JPEG等其他格式...

    c++,web设置静态文本框的透明,不同文本框可以设置不同 文字大小颜色,背景颜色

    这里我们将探讨如何在C++的GUI环境中设置静态文本框的透明度、文字大小、颜色以及背景颜色。 1. **设置透明度**: - 对于支持透明度的库,例如Qt,你可以通过设置窗口部件(Widget)的`setAttribute()`函数来启用...

    透明FLASH[箭头]

    这些箭头由于其透明特性,能够无缝地融入背景,不会因为颜色冲突而破坏页面的整体美感。设计师可以通过调整箭头的透明度和形状,使其与网页设计风格保持一致,从而提升用户体验。 透明Flash的实现是通过Flash的...

    签名背景透明化处理.pdf

    在IT行业中,尤其是在文档处理和设计领域,有时候我们需要将个人签名制作成透明背景的图片,以便于在Word、PowerPoint或PDF文档中插入而不影响原有的背景。以下是一种使用Adobe Photoshop来实现这一目标的方法: ...

    Word2021页面背景怎么设置.docx

    过于花哨或色彩过于强烈的背景可能会分散读者的注意力,因此选择一个与文字内容相协调的背景至关重要。此外,你还可以调整背景的透明度,使其更加适配文档的总体设计。 总的来说,通过Word2021的页面背景设置功能,...

    Win8透明窗口化怎么设置.docx

    - 在设置过程中,请确保按照步骤顺序进行,尤其是选择高对比度主题再切换回默认主题这一步骤,对于激活透明效果至关重要。 - 如果遇到无法保存修改的情况,可以尝试重启计算机后再进行设置。 - 透明窗口效果可能会...

    在按钮上增加提示信息、背景可透明

    标题中的“在按钮上增加提示信息、背景可透明”指的是在软件或网页界面设计中,为按钮添加提示信息以及设置按钮背景透明的技术。这通常涉及到前端开发中的交互设计,能够提高用户体验,使得用户更容易理解按钮的功能...

    javascript经典特效---半透明的表格.rar

    如果只想让表格背景透明,我们可以使用`rgba()`颜色函数,它允许指定颜色的透明度: ```css table { background-color: rgba(255, 255, 255, 0.5); /* 白色背景,50%的透明度 */ } ``` 现在,我们转向JavaScript...

    C#实现更改MDI窗体背景颜色的方法

    `BackColor`属性是用于设置控件背景颜色的,而`BackgroundImage`属性则用于设置背景图像。在MDI窗体中,`MdiClient`控件是一个特殊的控件,它用于管理所有MDI子窗体的布局。因此,我们需要更改`MdiClient`控件的`...

    VS编译器背景设置所需资源.zip

    5. 安装并启用插件后,按照插件的指引导入或创建新的主题,设置背景图片和透明度,然后保存为主题文件。 6. 最后,回到“字体和颜色”设置,加载刚刚创建的主题文件,即可应用到VS中。 关于“编译器”这个标签,...

    VB API的例子-半透明窗口

    在VB中,你可以使用`Me.BackColor`属性来改变窗口的背景颜色,以实现不同的透明效果。同时,还可以添加事件处理程序,让用户可以动态调整窗口的透明度。 为了更好地理解和实践,你可以打开提供的压缩包文件"Example...

    Altium Designer打印设置

    这样,在打印时,走线部分将呈现为透明的白色,而背景和其他部分则为黑色,正好适应性感光板的感光特性。 - **导入Word文档**:将设置好的PCB图纸按照前述方法导入Word文档,并进行相应的调整,确保打印结果符合...

    Unity3D教程:抗锯齿设置1

    在Unity3D中,抗锯齿的设置对于提升游戏视觉效果至关重要。 首先,我们来理解一下什么是锯齿现象。在计算机图形学中,由于像素化的原因,当物体边缘与背景发生对比时,可能会出现不连续的线条,即锯齿。这种现象在...

    ppt背景图集

    这些背景图片不仅可以作为单一幻灯片的背景,还可以设置为整个演示文稿的主题,确保所有幻灯片保持一致的视觉风格。此外,用户还可以根据需要调整图片的透明度、大小和位置,以达到最佳的显示效果。 在设计PPT时,...

    影音先锋怎么设置?.docx

    网络设置对于优化在线播放体验至关重要。 - **文件存储位置**:设置下载文件的默认存储位置。 - **缓冲设置**:调整缓冲大小和时间,改善播放流畅度。 - **P2P网络**:启用P2P技术,提高资源获取速度。 #### 七、...

    证件照换背景换底色换蓝色背景ps抠图视频教程.zip

    7. **删除背景**:按`Delete`键删除背景,此时可见到透明背景,证明你已成功抠出主体。 8. **填充背景色**:选择“编辑”&gt;“填充”,在弹出的对话框中选择“颜色”,然后在颜色选取器中选取蓝色(如#0000FF)。点击...

    制作透明ICO文件的PS插件X64和X86版本

    透明度在图标设计中至关重要,因为它能让图标与背景融合,提升视觉效果。在Windows系统中,透明图标主要通过Alpha通道实现,这是一种可以控制像素透明度的技术。 接着,我们来看如何制作透明ICO文件。通常,Photo...

    javascript经典特效---半透明图片的显示.rar

    例如,如果我们有一个图片元素`&lt;img id="myImg" src="image.png"&gt;`,我们可以用以下CSS代码设置其为半透明: ```css #myImg { opacity: 0.5; } ``` 然而,CSS的`opacity`属性会影响元素及其所有子元素的透明度,...

    PPT倒计时(可透明).7z

    这个插件的一大特点是其透明性,这意味着它可以在不影响PPT内容展示的情况下,作为背景计时器存在。 在使用这个PPT倒计时插件前,你需要先解压文件"7z"格式的压缩包。7-Zip是一款流行的开源压缩软件,支持多种压缩...

Global site tag (gtag.js) - Google Analytics