CSS导航下拉菜单被JS幻灯片挡住的…
2016-01-19 00:00
691 查看
网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等。
但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下第一,可将幻灯片所在DIV 置于最底层。添加CSS如下
style="z-index:-100;position: relative;"
第二,可将被挡住的DIV/ul/li 置于最高层。添加CSS如下
style="z-index:9999;position: relative;"
在使用FLASH幻灯的时候,有时还是不行。那便在FLASH代码中添加此行代码。
例如:
<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>
相关文章推荐
- CSS3之动画
- 《css设计指南》 读书笔记 二
- 好玩的CSS点点
- CSS实现单行、多行文本溢出显示省略号(…)
- 移动平台对 META 标签的定义
- 《css设计指南》 读书笔记 一
- css-ie6下实现最小,最大宽度
- css-div下内容垂直居中
- CSS3 最小内容尺寸(min-content size)和最大内容尺寸(max-content size)简介
- CSS练习02
- W3School-CSS 分类 (Classification) 实例
- css 常用样式命名规则
- css选择器
- CSS3动画基本的转换和过渡
- css三种样式引入方法,html链接,html中<table>的使用方法
- 纯CSS控制背景图片100%自适应填充布局
- CSS3.0盒模型display:-webkit-box;的使用
- css3 中transition监听事件
- css3 动画中display none
- input输入框的各种样式 文本框为下划线 text输入框样式