三种方法解决DIV层被Flash或表单遮盖问题

开发 前端
在网页制作中,经常会遇到DIV层被Flash、input、select等控件遮住一部分的现象,本文就向大家简单描述一下DIV层被Flash或表单遮盖的几种解决方法。

在网页制作中,如果遇到DIV层被Flash或表单遮盖问题你知道如何解决吗,这里向大家分享一下几种解决方法,因为单单用z-index属性根本毫无作用的,请看下文详细介绍。

DIV层被Flash或表单遮盖的解决方法

在网页制作中,经常会遇到DIV层被Flash、input、select等控件遮住一部分的现象。这时单单用z-index属性根本毫无作用。以下是几种解决方法——

方法一:

对于Flash控件,在<object>中增加属性<paramname="wmode"value="opaque">或<paramname="wmode"value="transparent">即可。

opaque和transparent基本上差不多,只是在某些特殊情况下有点不同。

opaque在flash中需要用到输入法时输入法软件会定位不准。

transparent在同一页面中用得太多的话会有性能问题。

参考文章:
Flashcontentandz-index
Z-IndexandFlash

方法二:

对于input或select等表单控件,可以通过把DIV的内容放入iframe或object里来解决。

方法三:

方法二如果用不好有可能会破坏页面的结构,互动性不大好。

还有另一种方法,虽说DIV直接盖不住select,但是DIV可以盖iframe,而iframe可以盖select,所以,把一个iframe用来当作DIV的底,
这个DIV就可以盖住select了。

文章出处:标准之路(http://www.aa25.cn/css_example/445.shtml)

【编辑推荐】

  1. DIV+CSS滑动门技术简介
  2. 畅谈DIV排版和table排版的区别
  3. 14大CSS工具提高网页设计效率
  4. 实现DIV图片居中方法揭秘
  5. 鼠标经过时改变DIV背景颜色的三种途径
责任编辑:佚名 来源: aa25.cn
相关推荐

2010-08-26 16:19:41

DIV圆角

2010-08-30 09:15:15

DIV高度自适应

2010-08-26 14:18:25

DIV高度

2009-07-08 12:56:32

编写Servlet

2011-08-01 17:41:09

Oraclesqlplus

2009-07-03 10:18:31

JSP开发

2013-01-04 15:47:54

Android开发平铺UI设计

2011-06-10 10:43:12

Ubuntu应用安装

2009-06-23 10:45:18

Hibernate支持

2022-05-26 10:27:41

分布式互联网

2019-04-16 11:21:50

Linux动态库软连接

2011-04-18 15:32:45

游戏测试测试方法软件测试

2010-09-14 15:10:49

CSS注释

2009-12-11 18:49:39

预算编制博科资讯

2022-07-13 16:06:16

Python参数代码

2024-11-15 07:00:00

Python发送邮件

2023-08-14 17:58:13

RequestHTTP请求

2010-09-08 13:29:48

CSS

2010-11-16 16:11:28

Oracle身份验证

2020-06-17 10:52:00

DDoS攻击网络攻击网络安全
点赞
收藏

51CTO技术栈公众号