首页前端开发CSSdiv总是被select遮挡的解决方法

div总是被select遮挡的解决方法

时间2024-02-09 05:33:03发布访客分类CSS浏览130
导读:收集整理的这篇文章主要介绍了div总是被select遮挡的解决方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 <htML> <head> ­ <...
收集整理的这篇文章主要介绍了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; " > aaaaaaabr/> bbbbbbbbr/> ccccccc/div>  
­ 
select style="width:200" > option> test0option> test1option> test2option> test3/select>  
­ 
br/>  
­ 
pre>  
­ 
Div被Select挡住,是一个比较常见的问题。 
­ 
有的朋友通过把div的内容放入iframe或object里来解决。 
­ 
可惜这样会破坏页面的结构,互动性不大好。 
这里采用的方法是: 
虽说div直接盖不住select 
­ 
但是div可以盖iframe,而iframe可以盖select, 
­ 
所以,把一个iframe来当作div的底, 
­ 
这个div就可以盖住select了. 
/pre>  
­ 
/form>  
­ 
/body>  
/html>  

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: div总是被select遮挡的解决方法
本文地址: https://pptw.com/jishu/606505.html
CSS文字截取功能实现代码 css Hspace 和vspace的图片控制实例

游客 回复需填写必要信息