div总是被select遮挡的解决方法_经验交流

<html> 
<head> 
­ 
<meta http-equiv="Content-Type" c> 
­ 
<title>div被select遮挡的解决方法——</title> 
</head> 
<body> 
­ 
<iframe style="position:absolute;z-index:9;width:expression

(this.nextSibling.offsetWidth);height:expression

(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression

(this.nextSibling.offsetLeft);" frameborder="0" ></iframe> 
­ 
<form id="Form1" method="post"> 
­ 
<div style="z-index:10;position:absolute;background-

color:blue;width:100;height:18;overflow:hidden;" >aaaaaaa<br/>bbbbbbb<br/>ccccccc</div> 
­ 
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select> 
­ 
<br/> 
­ 
<pre> 
­ 
Div被Select挡住,是一个比较常见的问题。 
­ 
有的朋友通过把div的内容放入iframe或object里来解决。 
­ 
可惜这样会破坏页面的结构,互动性不大好。 
这里采用的方法是: 
虽说div直接盖不住select 
­ 
但是div可以盖iframe,而iframe可以盖select, 
­ 
所以,把一个iframe来当作div的底, 
­ 
这个div就可以盖住select了. 
</pre> 
­ 
</form> 
­ 
</body> 
</html> 

时间: 2024-10-27 05:20:49

div总是被select遮挡的解决方法_经验交流的相关文章

当标题不能显示完整的解决方法_经验交流

其实建议用css控制超出隐藏显示 也就是标题因为设计的宽度问题所以没有显示全,看样子是使用程序来截字的.我想很多网站都遇到这样的情况.为了视觉效果不得不进行截字显示以满足网站的整体视觉效果.通常我们采用截字的方法是两种,一种是通过后台输出时来事先设定一定的字符数量.另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截. 在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题,直到现在这种方式依然被广泛地使用着.这种方式的好处就是可以准确的剪截字数,而不足可能就是因为剪截的工作在后

在IE下拖动滚动条时border消失的解决方法_经验交流

通常我会用DIV加上border来定义边线,可有时发现在IE下拖动滚动条时border会经常消失,当你刷新时,又会出来.这个问题,我想了很久也没有想出什么原因,所以在些之前用DIV+CSS所写的页面中,这个问题都存在.今天,这个问题,实在太影响最终结果,所在找了一个提示: "以为DIV加上一个高度就能解决."下面传张前后对比图. 至于产生这个问题的原因,我想应该是IE的BUG吧.当你用Mozilla Firefox / Opera 则不会产生这种问题.

解决 select 挡住div的解决方法_经验交流

在div里加入下面的代码,根据需要调整就可以了 复制代码 代码如下: <iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:; left:;width:;height:;"> </iframe>

DIV 居中的绝好解决方法_经验交流

现在进行WEB重构的时候,一般我们做DIV 居中是这样:  复制代码 代码如下: body{ margin:0px auto; text-align:center; } 但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐! 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 为此

DIV border边框显示不完全问题的解决方法_经验交流

第一次遇到这样的问题,就是定义div的边框有部分却显示不了.而在firefox里却是一切正常,该死的ie,太过分了. 代码也没有问题,查了好多资料,还百度了许多网站,在blueidea里也没有找到解决办法.后来在台湾的一个网站上发现了一个很几的解决办法: 如下: 左右两边的边框就是不显示,气不死你~~郁闷, css是: 复制代码 代码如下: #divproject {    margin-top: 5px;    border: 1px solid #0099CC;  }  后来按照那个网站的介

用div实现像table一样的布局方法_经验交流

许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示. 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题. 其实有个简单的方法,使用display:table, display:table-row and display:table-cel

float引起层飘出父层的解决方法_经验交流

1.加clear空div .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-m

IE Bug--浮动对象外补丁的双倍距离的解决方法_经验交流

The IE Doubled Float-Margin Bug  IEBug--浮动对象外补丁的双倍距离 先看以下代码: #box{     background: ThreedFace;     width: 500px;     height: 400px;     } #box1{     float: left;     background: #F2F2F2;     width: 300px;     height: 200px;     margin-left: 50px;    

firefox的超链接点击去除扩大的难看虚线的解决方法_经验交流

在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为Firefox会错误地扩大链接的边框: 在Firefox的地址栏输入about:config,回车.有一个配置项叫做"browser.display.focus_ring_width",把它修改成0,点击链接时就不会出现那个边框.但这样的话,在焦点落在按钮上时也没有了边框指示.而且作为一个开发者,在浏览器里设置这个属性,无异于掩耳盗铃. 这实际上是Firefox在<a>这个标签处于focus状态