`

在FLASH上层叠DIV

阅读更多

如何在一个已经插入SWF或IMG的DIV上再层叠一个DIV?由于对CSS定位一直学艺不精,因而被这个问题困扰了很久,今天终于悟出了解决方法,小小的为自己HIGHT一个。

 

比如

<DIV id=topright>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','254','height','114','src','images/top','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','images/top' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="254" height="114">
        <param name="movie" value="images/top.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <embed src="images/top.swf" width="254" height="114" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
      </object>
    </noscript>
    <DIV id=topnav><a class="topIcon1" href="#">设为首页</a><a class="topIcon2" href="#">加入收藏</a></DIV></DIV>

 

需要将topright也就是父级定义一个position:relative,这就是我通常用绝对定位时left或top值总是以body为绝对值的源头了,一旦不给父级定义position,自然出不来想要的效果。而有了它,也就简简单单仅需

#topright { 
width:254px; 
height:114px; 
float:right; 
text-align:left; 
position:relative;
 }
#topnav { 
width:146px;
 height:24px;
 color:#24589D;
 line-height:24px;
 position:absolute;
 top:0px; 
 right:0px; 
z-index:800; 
}

 这样一切就搞定了。

分享到:
评论

相关推荐

    flash放置层叠级别

    然而,在某些特定场景下,我们仍可能需要处理与Flash相关的布局问题,比如如何控制Flash与页面其他元素(如div)之间的层叠顺序。本文将通过一个具体的实例,深入探讨如何确保Flash能够在div元素之下显示,从而帮助...

    采用flash+div布局精美网页

    在Flash+Div的布局中,Div通常用于组织和定位页面上的非Flash部分,如导航栏、页脚或者与Flash内容并列的静态内容。 Flash和Div的结合使用可以实现动态内容与静态内容的完美融合。Flash处理动画和交互性,而Div负责...

    让Flash显示在Div下面的代码

    这意味着如果一个`&lt;div&gt;`元素在`&lt;object&gt;`或者`&lt;embed&gt;`标签之前出现,那么该`&lt;div&gt;`元素将会覆盖在Flash内容之上。为了解决这个问题,我们需要调整Flash对象的渲染模式。 #### 二、使用`wmode`属性控制Flash渲染...

    DIVCSS仿FLASH导航效果(jQuery)

    在提供的文件“DIVCSS仿FLASH导航效果.asp”中,可能包含了ASP(Active Server Pages)语言实现的HTML结构和脚本,用于展示如何将这些概念实际应用到一个网页中。ASP是一种服务器端脚本语言,可以嵌入HTML中,处理...

    flash网页模板css- div- html 带实例图参考

    尽管如此,Flash模板仍然在某些特定场景下具有价值,如游戏、复杂的交互设计等。学习和理解Flash模板,可以帮助我们了解过去的设计趋势和技术,同时也能借鉴其创意和动画效果。 2. **CSS(层叠样式表)**:CSS是...

    Flash小游戏 网站源码(CSS+DIV带采集

    Flash小游戏网站源码是用于构建在线游戏平台的代码集合,主要基于CSS(层叠样式表)和DIV(文档布局元素)技术,同时包含了数据采集功能。这个源码可以帮助开发者快速搭建一个用户友好的小游戏网站,让用户能够轻松...

    html实例,选项卡,flash+xml,DIV+css

    在这个实例中,我们主要探讨四个关键主题:HTML选项卡、Flash与XML的结合使用以及DIV与CSS。 HTML选项卡是一种常见的网页交互设计,它允许用户在不刷新整个页面的情况下切换不同的内容区域。这种设计常用于展示多个...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    中文网站div+css

    此外,响应式设计是Div+CSS的一个重要应用,它允许网页根据设备屏幕大小自动调整布局,确保在不同设备上都能提供良好的用户体验。学习如何使用媒体查询(media queries)来实现响应式设计,是现代Web开发不可或缺的...

    [图片动画]神牛flash小游戏程序div+css生html_snflash.zip

    通过将Flash内容转换为HTML和CSS,可以让游戏在不支持Flash的设备上运行,比如移动设备或使用最新浏览器的用户。 【标签】:由于没有提供具体的标签,我们可以推测这个项目可能涉及到以下几个关键知识点: 1. **...

    效果直逼flash的Div Css Js菜单.rar

    这种菜单在现代网页设计中常见,因为JavaScript和CSS提供了丰富的动态效果,而无需依赖Adobe Flash Player插件,这在当前浏览器环境中更为友好。 **JavaScript特效**: JavaScript是一种轻量级的脚本语言,常用于...

    div+css幻灯片效果

    这种技术不再依赖于传统的Flash插件,而是利用HTML的`&lt;div&gt;`元素和CSS(层叠样式表)进行实现,既提高了页面的加载速度,又增强了搜索引擎的友好性。下面将详细介绍如何创建一个基于div和css的幻灯片效果。 首先,...

    div层被flash层遮盖问题解决思路

    这主要由于Flash的渲染机制和层叠上下文(z-index)的相互作用所引起。解决这个问题的关键在于理解和应用Flash的`wmode`参数。 `wmode`(Window Mode)是Flash Player的一个设置,用于控制Flash对象如何与HTML页面...

    div css网页重构

    在本案例中,我们关注的主题是"div css网页重构",这指的是使用HTML中的`&lt;div&gt;`元素结合CSS(层叠样式表)进行页面布局和设计。 `&lt;div&gt;`元素是HTML中的一个通用容器,它没有特定的语义,但可以用于组织文档结构,...

    解决div被flash挡住的设置方法

    在探讨如何解决`div`元素被`flash`内容遮挡的问题之前,我们首先需要了解一些基本概念和技术背景。本文将详细介绍这一问题的原因、解决方案及其背后的原理,并通过具体示例帮助读者更好地理解和应用。 ### 一、...

    div+css浏览器兼容问题

    在Flash盛行的时代,当Flash对象与div元素在同一页面上重叠时,Z-index值的设置有时会导致显示异常。具体来说,即使div设置了更高的Z-index值,Flash对象仍然可能覆盖在其上方。为了解决这个问题,可以使用Flash的`...

    网页三剑客Flash课件

    "Div+CSS布局大全.pdf"这个文档可能详细阐述了CSS(层叠样式表)与HTML中的div元素在网页布局中的应用。Div元素是HTML中一个非常重要的布局容器,而CSS则负责定义页面的样式和布局。通过理解这两者,可以实现灵活、...

    滚动的flash切换广告代码

    2. **div+css**:在网页布局中,`div`元素常被用作容器来组织内容,而CSS(层叠样式表)则用于定义这些`div`元素的样式,包括位置、尺寸、颜色等。在广告代码中,`div`可能被用来创建广告位,CSS则用来定位广告区域...

    div+css js图片轮播效果

    - 响应式设计:使用媒体查询(`media queries`)适应不同屏幕尺寸,确保在手机和平板等设备上也有良好体验。 - 兼容性检查:考虑到老版本浏览器可能不支持CSS3和某些JavaScript特性,需要提供回退方案,如使用`...

    逛街网首页flash弹性图片展示代码

    2. **div+css**:在网页布局中,div元素常被用作容器,通过CSS(层叠样式表)来定义其样式和位置。在弹性图片展示中,divs可以被用来创建每个图片的容器,并通过CSS实现响应式布局,确保图片在不同设备和屏幕尺寸下...

Global site tag (gtag.js) - Google Analytics