JS实现的下接导航条,被FLASH遮住了!

最新推荐文章于 2020-12-18 18:21:52 发布
原创 最新推荐文章于 2020-12-18 18:21:52 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flash

本文介绍了一个简单的技巧来解决Flash元素遮挡网页上JavaScript生成的下拉导航菜单的问题，通过设置Flash的wmode参数为transparent实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

   最近做一个B/S界面的网站,由于不太熟悉FLASH,做出来的JS下拉导航条老是被挡住.这下郁闷死我了,上网一搜,结果真是大跌眼镜,原来是这么简单的一句话就可以搞定了.用的是透明效果吧.

 

<object   classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"   width="774"   height="120">  
                              <PARAM   NAME="wmode"   VALUE="transparent">  
                              <param   name="movie"   value="aa.swf">  
                              <param   name="quality"   value="high">  
                              <param   name="SCALE"   value="exactfit">  
                              <embed   src="aa.swf"   width="774"   height="120"   quality="high"   pluginspage="http://www.macromedia.com/go/getflashplayer"   type="application/x-shockwave-flash"   scale="exactfit">  
                              </embed>    
                          </object>  
  =============================================  
  即在flash   中加入：  
                              <PARAM   NAME="wmode"   VALUE="transparent">

关键的部分

ConstraintLayout布局内容被手机底部导航条遮住问题
wuhuiyi10的专栏
08-23 3888
ConstraintLayout约束布局，谷歌官方推荐的布局，Android2.3(API9)以后都可以使用此布局，与其他布局相比其可以很好的减少布局的层次，提升性能，结合RelativeLayout，LinearLayout等布局使用可以最大限度的减小界面的复杂度 大多人对这种布局还是比较陌生，熟练后你就会发现他的强大 ConstraintLayout的具体使用这里先不说了，网上有此内容，而...
下拉菜单被flash挡住的最好解决方法
gjpdeyx的专栏
06-28 543
<br />在给一个客户做项目的时候，发现下拉菜单总被flash挡住，很多人的解决方法是将flash设置为透明，但是这个不是最好的解决方法，因为有些打了补丁的机器会出现，下拉菜单点击两次才能正常访问的问题。<br /> <br />解决方法如下：<br />网站开发人员的应对办法：<br />　　一、下载后将压缩包内的“FLASH.js”文件放入站点任意文件夹中 文件下载<br />　　二、在网页<head></head>之间插入以下代码<br /><!--修正FLASH正确显示代码开始--><br />
导航下拉菜单被遮住或显示不全问题所在和解决办法
FireBird_one的博客
12-21 2万+
导航下拉菜单被banner遮住/显示不全，这种问题是老生常谈了，经常有新手会问，有些人做了2、3年的还会经常犯错，而且好多人还以为是js问题，其实这是基本的css知识。我觉得还是有必要写一遍文章解释给新手们。 一、导航下拉菜单被遮住，那是因为层叠关系错误 我们必须理解层叠关系满足的2个条件： 1、必须是同级；2、二者分别设定了position:relative 或 absolut
把 Flash 置于底层
№快乐因你♂
06-03 778
在网站的开发中，我们往往会碰到这样的问题：JS的下拉菜单被 Flash 给遮住了，这该怎么办呢？现在提供两种方法，同大家一起来研讨：第一种：用 CSS 方法来做，把 div 用 z-index 属性来解决层叠关系中的相对位置。第二种：直接给 Flash 加个属性。第一种方法比较常用，第二种方法自我感觉比较省力，特别适用于 Banner Flash ，但还是要结合实际情况来看，没有好坏之分。详解：CSS z-index属性        1、z-index属性可以设置元素的堆放次序。有着较大的值的元素会堆叠在
flash网站导航的几大好处
weixin_30376453的博客
01-07 195
flash网站导航的几大好处与传统下拉菜单相比，使用了flash技术的下拉菜单无论在外观上功能上都有着无与伦比的优势，我们可以轻松制作出流畅的动画效果，让你的网站披上迷人的面纱。并且由于flash使用了矢量技术，生成的动画不但自然流畅，而且文件很小，可以无限放大而不失真。下载速度也很快，大大节省了浏览者的上网费用。传统菜单在更新时要更换大量图片，更改网页代码，真是费时又费力，还很容易出错。而fla...
为什么二级菜单会被挡住_下拉导航菜单被遮住解决办法
weixin_39859128的博客
12-18 2904
近期有几位客户购买了“天兴模板工作室自用模板”后自行修改时发现了一个问题。在把这个下拉菜单移到左侧或者直接在左侧加下拉菜单时候发现：下拉菜单被下面的滚动幻灯片给遮住了。这个问题是由于div的定位造成的，幻灯片由于使用了js的关系使用了很多绝对或者相对定位。解决办法如下：在封装幻灯片的div的id属性后面加上一句代码：代码如下 复制代码style="z-index:-999;position:rel...
下拉导航菜单被遮住解决办法
qq_36437324的博客
06-19 4813
下拉导航菜单被遮住解决办法 近期有几位客户购买了“天兴模板工作室自用模板”后自行修改时发现了一个问题。   在把这个下拉菜单移到左侧或者直接在左侧加下拉菜单时候发现：下拉菜单被下面的滚动幻灯片给遮住了。 这个问题是由于div的定位造成的，幻灯片由于使用了js的关系使用了很多绝对或者相对定位。解决办法如下： 在封装幻灯片的div的id属性后面加上一句代码：  代码如下 复
Flash常见问题与解答
11-13 5040
1. 论坛上常说的MC、FS、AS代表什么意思？ MC=Movie Clip（动画片断）；FS=FSCOMMAND，是Flash的一个非常重要的一个命令集合；AS=Action Script是Flash的编程语言。 2. 请说一下MC的详细运用，它和一般的层有什么区别？它用在什么情况下？ MC你可以看成一个独立的对象。并且他是一段动画。他的特点就是无限嵌套。层是一个独立的空间，他可以
新手学Flash
低调走过
10-18 3888
窗体顶端给FLASH初学者的10点制作经验1、创建任何一个动画前，首先要有一个大概的轮廓，既知道自己要作什么。2、画图是最最基本的基本功，图画的不好的画基本上是作不出好的动画出来的，采用别人的东西拼出来的动画，永远也不会用自己的灵魂的。闪客高手们哪个都是画画的高手。3 、制作动画时，应该及时的做好分类工作，静态的图形 将其转化为 图形符号 要作按钮 用的 将其 作为 按钮符号，小的动画片段将其转化为影片符号。4、随时适合的用好常见的技巧，如遮罩效果 引导线的使用，必要时结合使用。将导入的位图运用FLASH自
Firefox下div层被Flash遮住的解决方法
09-25
解决Firefox下div层被Flash遮住的问题主要涉及修改Flash内容的嵌入代码，设置`wmode`参数为`transparent`或`opaque`，以及可能需要调整HTML元素的CSS样式，尤其是`z-index`。通过这些方法，可以确保div层正确地显示...
flash遮住div问题的正确解决方法
09-04
同时，可以使用JavaScript或者jQuery来动态调整元素的层级，确保被遮挡的div始终位于Flash之上。 总的来说，解决“Flash遮住div”问题的关键在于理解Flash的渲染机制和`wmode`参数的作用。通过适当调整`wmode`值，...
css锚点定位被顶部固定导航栏遮住的解决方案
11-21
标题中的“css锚点定位被顶部固定导航栏遮住的解决方案”主要涉及到的是网页设计中一个常见的问题，即如何在存在固定在顶部的导航栏时，正确地利用HTML的锚点（Anchor）功能进行页面内部跳转，而不让标题被导航栏...
小票打印机ESC/POS命令集
热门推荐
男人海洋的专栏
05-05 2万+
代码 功能            代码           功能LF 换行            ESC m               局部切割CR 回车            ESC o           印章ESC SP 设置右边界            ESC q           释放纸ESC ! 设置打印方式 ESC r           选择打印颜色ESC * 设置位映射方式
Socket网络框架C#
男人海洋的专栏
05-18 1万+
最近一个项目因为要用到Socket传输问题，自己比较懒，没有去写。直接上网 search一下了，找到两个比较简单的 EMTASS2_1  原文地址：http://blog.youkuaiyun.com/hulihui/archive/2008/10/27/3158613.aspx ZYSocketSuper 3.1 SOCKET框架  原文地址：http://blog.youkuaiyun.com/luyikk/archive/2010/12/26/6099337.aspx 根据他们各处带的实例，用了一天时间改成我想要的效果，发现
LigerUI 中ligerForm 不能验证问题？
男人海洋的专栏
09-05 9090
在我们写页面时，有时为了省事，全放在JS中写，用的格式如下： 页面上     JS上：    $("#form2").ligerForm({         inputWidth: 170, labWidth: 90, space: 40,           fields: [          { display: "产品名称", name: "ProductName",
c#中label标签上标的输入
男人海洋的专栏
10-08 7001
在程序中，遇到一个要输入上标，例如：平方米，平时输入m2,就是这样，但需要的是把2变成上标，如果在WEB里，可以用Html语言来写上，但winform程序里可就不支持了。 当然还有一种就是用Richtext，但是如果我的数据是动态变化的，运用替换或格式化时都不行。
LigerUI 界面中，加上文本框限制输入长度功能！
男人海洋的专栏
04-15 5145
在使用ligerui最新版中，还是没有此功能，就是我想限制某个文本框只能输入5
c#生成方案里预生成拷贝文件
男人海洋的专栏
05-20 4103
我们在做项目时，可能是多人合作，这样每个人的目录层次级别是不一样的，如果用VS自带的OUTPUT输出目录，改变路径，把DLL集中生成到一个文件夹，那么不同人的机器上结果是不一样的，这就造成了，我这台机器上设置正确，其他人设置就会不对，目录层次就错了，为了避免这样的情况，我们就会用预生成执行命令这样来操作，也就是我无论你放几层目录，始终是这样的，如： D：\aaa\123\  项目 ，我们以项目为节
html二级导航栏被轮播图遮住问题
最新发布
12-08
在网页设计中，二级导航栏被轮播图遮住的问题通常是由于CSS的z-index属性设置不当导致的。z-index属性用于控制元素的堆叠顺序，值越大，元素越靠上。 以下是解决这个问题的几个步骤： 1. **检查轮播图和导航栏的z-index值**： 确保导航栏的z-index值大于轮播图的z-index值。例如，可以将导航栏的z-index设置为10，而轮播图的z-index设置为5。 2. **确保父元素没有限制**： 如果轮播图和导航栏的父元素有z-index限制，可能会影响子元素的堆叠顺序。确保父元素的z-index值不会限制子元素的堆叠。 3. **检查元素的定位**： z-index属性只对定位元素（position为relative、absolute、fixed或sticky）有效。确保导航栏和轮播图都设置了定位属性。 以下是一个示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航栏与轮播图示例</title> <style> .navbar { position: relative; z-index: 10; background-color: #333; padding: 10px; color: white; } .carousel { position: relative; z-index: 5; width: 100%; height: 300px; background-color: #ccc; } .subnav { position: relative; z-index: 10; background-color: #444; padding: 10px; color: white; } </style> </head> <body> <div class="navbar"> 导航栏 </div> <div class="carousel"> 轮播图 </div> <div class="subnav"> 二级导航栏 </div> </body> </html> ``` 在这个示例中，导航栏和二级导航栏的z-index值都设置为10，而轮播图的z-index值设置为5。这样可以确保导航栏和二级导航栏不会被轮播图遮住。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值