DIV遮盖select元素(模拟disabled)

系统管理员 2022-06-15 04:19 162阅读 0赞

<html>
    	<head> 
    		<title>遮盖select的解决方</title> 
    		<style type="text/css"> 
    			#popup{
    				border:none;
    				position:relative;
    				width:60%;
    				height:23px;
    				top:-22px; /*使得div向上移动，遮住select*/
    				margin-bottom:-22px;/*消除div向上移动后，原位置所占用的空间*/
    				background-color:#fff; /*对于IE，不使用iframe进行遮盖时，必须设置此属性，否则不能遮盖select*/
    				filter:alpha(opacity=45);
    				opacity:0.4;
    				display:block;
    				z-index:100;/*可选*/
    				}
    		</style> 
    	</head> 
    	<body> 
    		
    		<table border="1">
    			<tr>
    				<td>asdf</td><td>asdf</td>
    			</tr>
    			
    			<tr>
    				<td>asdf</td><td>asdf</td>
    			</tr>
    			
    			<tr>
    				<td>asdf</td>
    				<td>
    						<select name="ddTest"> 
    							<option>…</option> 
    							<option selected="selected">数字电路</option> 
    						</select> 
    						<div id="popup">
    							
    							<iframe frameborder="0" scrolling="no" style="border:none;position:relative;height:23px;width:100%;display:block;z-index:-1;"></iframe>	
    						</div> 
    				</td>
    			</tr>
    	  </table>
    		
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关解决DIV层被OBJECT、SELECT控件遮盖问题

浮动层或便捷菜单给用户操作极大的便利。使用IE6、7时，SELECT控件不能被DIV遮盖。OBJECT控件也不能被DIV遮盖。究其原因，大多表单控件或HTML控件是使用浏览器

怼烎@/ 2023年01月08日 02:27/ 0 赞/ 106 阅读

相关 textarea readonly模拟disabled样式

textarea栏readonly/disabled属性替代实现在不可编辑状态下，侧滚动条仍可滚动。问题：textarea设置为disabled（不可编辑

我就是我/ 2022年12月23日 00:39/ 0 赞/ 280 阅读

相关 layui中select设置disabled

1.选择器直接选择到下拉框好用，如下： `$('select[name=departId]').attr("disabled","disabled");` 下面这种不好

￡神魔★判官ぃ/ 2022年11月26日 08:49/ 0 赞/ 678 阅读

相关 iview的select选择器下拉被遮盖

原代码： <Select v-model="defaultGroup" style="width:284px"> <Option v-for="item

小灰灰/ 2022年10月23日 08:19/ 0 赞/ 228 阅读

相关【vue】vue 解决position:fixed 遮盖下方元素问题

> `前言` 转载自：[https://blog.csdn.net/weixin\_40425415/article/details/111595120][https_blo

水深无声/ 2022年10月06日 11:50/ 0 赞/ 445 阅读

相关模拟select

只能说是看上去简单实现起来非常的不容易。。写的不好细节太多没有较好的基本功很难完善好。。所以模拟的并不好 1. <style type="text/cs

比眉伴天荒/ 2022年08月24日 04:27/ 0 赞/ 136 阅读

相关 DIV遮盖select元素(模拟disabled)

<html> <head> <title>遮盖select的解决方</title> <style type="text/css">

系统管理员/ 2022年06月15日 04:19/ 0 赞/ 163 阅读

相关使用disabled属性禁用某个元素

1：disabled属性可以设置或者返回是否默认的禁用某个元素，你可以用它做许多的事情，比如禁用输入框，禁用下拉框，禁用button等等元素； 2：先用一个input输入框

灰太狼/ 2022年01月12日 15:27/ 0 赞/ 326 阅读

相关给div添加disabled属性

<div id="CompanyId" name="CompanyId" type="select" ></div> 方法是： $("CompanyId")

拼搏现实的明天。/ 2021年12月13日 01:51/ 0 赞/ 531 阅读

相关 div模拟文本框

最近做H5页面，经常碰见实现高度自适应且计数的文本框需求，所以在这里记录一下。其实很早之前就看了张鑫旭的“div模拟textarea文本域轻松实现高度自适应”，现在的做...

朱雀/ 2020年06月25日 09:48/ 0 赞/ 874 阅读