锋芒拍摄关于风景、人像、纪实、建筑、星野、深空天体的摄影作品都会在这里展示给大家欣赏!

下拉菜单被挡住了,DIV置于最底层的方法

10 07月
作者: molashaonian |分类:网站资料 | 转载时间:2019年07月10日
【特别声明】 本文摘自网络,原文 作者/网站: molashaonian

网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等。

但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下

第一,可将幻灯片所在DIV 置于最底层。添加CSS如下

style="z-index:-100;position: relative;"

第二,可将被挡住的DIV/ul/li 置于最高层。添加CSS如下

style="z-index:9999;position: relative;"

 

在使用FLASH幻灯的时候,有时还是不行。那便在FLASH代码中添加此行代码。

<param name="wmode" value="opaque">

例如:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 
        width="980" height="290" style="z-index:-100;position: relative;">
  <param name="movie" value="<?php echo get_skin_root() ?>indexflash/main.swf" style="z-index:-100;position: relative; />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque">
  <embed src="<?php echo get_skin_root() ?>indexflash/main.swf" quality="high" 
      pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="290"></embed>
</object>


浏览47 评论0
返回
目录
返回
首页
标签:CSS 下拉菜单 导航栏
ZblogPHP模版导航栏下拉时跟随效果! Pixinsight 1.8 详解官方标准化后期处理流程

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。