div 盖在flash上面 flash透明方法实现将DIV层放在flash上面

所属分类: 网页制作 / 应用技巧 阅读数: 952
收藏 0 赞 0 分享
有两种:(浏览器不同)

一、IE浏览器下可用

复制代码
代码如下:

<param name=”wmode” value=”transparent” />

二、firefox下可用

复制代码
代码如下:

<embed src=”YourFlash.swf” wmode=”transparent” … ></embed>

关于wmode属性资料

(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。”Window”表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。
“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
“Opaque windowless”和”Transparent windowless”都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而”opaque”则不会显示。

flash代码应该这样写:

复制代码
代码如下:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="737" height="220" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="xxx.swf" />
<param name="wmode" value="transparent">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed wmode="transparent" src="xxx.swf" quality="high" bgcolor="#ffffff" width="737" height="220" name="banner" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

加红部分就是div显示在flash上面,也就是flash显示在底部,透明
更多精彩内容其他人还在看

网页心得:网页色彩的搭配

网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?这里谈一些心得,希望对你有所启发。 首先我们先来了解一些色彩的基本知识:
收藏 0 赞 0 分享

设计理论:字体设计的基本知识

文字,是人类思想感情交流的必然产物。随着人类文明的进步,它由简单而复杂,逐步形成了科学的完美而规范化的程式。它既具有人类思想感情的抽象意义与韵调和音响节律,又具有结构完整,章法规范,而又变化无穷的鲜明形象。尤其是象形文字,更是抽象与具象的紧密结合,其文字
收藏 0 赞 0 分享

设计理论:内容呈现建议十条

围绕文字、符号、链接三个方面,主要是中文,草拟的个人行文经验: 文字避免写错。应付挑剔的读者是一个方面,某些关键词的错误,有可能就避过了搜索引擎抓取。 文字密度节奏的控制。段落在四行左右比较合适,宜少不宜多,同时避免文字量大的段落连续堆积,
收藏 0 赞 0 分享

导航设计与信息架构

大部分时候我们讲导航,讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候,更多的去关注怎么与之交互,以及视觉上是怎么好看。但是导航,不仅仅局限于交互方式和视觉形式。 被狭义化的导航 回想一下我们是如何设计导航的?难道不正是根据内容、根据内容
收藏 0 赞 0 分享

设计理论:文本达意和可用性

在文本的设计中,我们通常关注的是文字的排版,如何排版才能让我们的文字看起来更美观,更容易阅读;然而,文字本身所表达的意思与此同等重要,因为我们把排版做好的根本意义还是要用户更容易读明白所表达的内容。 一、下面我们就设计中的几点,通俗的讨论一下这块的重要
收藏 0 赞 0 分享

土豆网(tudou.com)前端概况

一、分工和流程 在土豆网,以项目开发为核心,谁都可以带项目,担任项目经理。 一个典型的土豆网项目中,当进入正式开发阶段,通常参与者包括:1名设计师,1-2名前端工程师,1到多名后台工程师,1-2名系统运维管理员。 其中,前三者的工作都是可以并发的,最终整合通常是
收藏 0 赞 0 分享

网页制作应注意的几个事项

--主页备份 1、txt 文本 2、scan 扫描图片 3、psd 设计原图(包括AI、Flash、Banner等等) 4、htm 网页文件 5、htm_old* 旧的网页文件备份 --html的目录结构 1、打开网页排版软件D
收藏 0 赞 0 分享

TOM.COM网站首页改版的体验感受

没有任何征兆的在cnBeta上看到关于TOM.COM网站改版的新闻,说是页面可以自定义了。这给我的第一想法就是:TOM.COM开始像一些Web2.0的网站学习开始走WEB2.0的道路了。于是链接进去体验了一把,下面说说我的体验感受: 1、对于这个自定义页面的功能,新鲜感上没
收藏 0 赞 0 分享

网页设计从业者必看的职业规划

原创文章,转载请注明作者和出处! 网页设计毫无疑问是一门技术,职业定位是网站设计、网站美工、网络编辑等,许多较高水平的技术人员能获得不错的职位和薪金,但大部分人可能并不能达到这个水平,比如美工这个职位,较好些的网站都要求美工需要具有美术的功底、手绘的能
收藏 0 赞 0 分享

肤浅网页设计

一直以来,我深信yahoo的网页设计是很棒的。但是,我的确说不出具体的理由,因为实在有太多的网站比它好看得多。我之所以觉得它好,是因为它是世界第一大站,它手下有无数世界级的设计师,这种设计是厚积薄发的结果。所以,对yahoo设计的认同,其实是一种对权威的盲目敬畏。
收藏 0 赞 0 分享
查看更多