博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
可编辑下拉框(ie6/chrome)
阅读量:4686 次
发布时间:2019-06-09

本文共 918 字,大约阅读时间需要 3 分钟。

可编辑下拉框,思路:一个input,一个select,位置重叠,input在上,宽度微调到如下效果:

问题:ie6下select的层级高bug.

解决办法:添加个空的iframe,用iframe遮住select,再用input遮住iframe。

另外ie6下select无法用css设置高度,需微调下其余控件高度以达到一致。

html:

js:

  var opt = document.getElementById("optItem");  var txt = document.getElementById("txtItem");  opt.onchange = function(){      txt.value = opt.options[opt.selectedIndex].text;  };

css:

  * {
padding:0;margin:0;}  #wrapper {
position:relative;width:10em;margin:10px;z-index:0;height:1.3em;}  #optItem {
position:absolute; width:100%;z-index:0;height:100%}  #txtItem {
position:absolute;width:90%;z-index:2;height:100%;}   iframe {
visibility:hidden;_visibility:visible; position:absolute; width:90%; z-index:1;height:100%;}

 

转载于:https://www.cnblogs.com/zhyxBlog/p/3360551.html

你可能感兴趣的文章
Xcode中修改默认文件头部注释
查看>>
从一个针对ASP.NET MVC框架的Controller.Action的请求处理顺序来说整个请求过程。
查看>>
[ZJOI2011]营救皮卡丘
查看>>
首页列表显示全部问答,完成问答详情页布局。
查看>>
pandas read excel文件碰到的一个小问题
查看>>
教师发表职称论文须注意事项
查看>>
libGDX简介
查看>>
《深入理解计算机系统(第三版)》第二章学习总结
查看>>
JavaScript专题——专题三 JavaScript 面向对象
查看>>
快速排序
查看>>
crontab调用python脚本新思路
查看>>
df和du显示的磁盘空间使用情况不一致的原因及处理(文件删除后磁盘空间不释放)...
查看>>
进程与线程的关系与区别
查看>>
第一次使用maven记录
查看>>
SharePoint服务器端对象模型 之 使用CAML进展数据查询
查看>>
Building Tablet PC Applications ROB JARRETT
查看>>
Adobe® Reader®.插件开发
查看>>
存储过程 利用游标 解决复制业务
查看>>
【POJ 3461】Oulipo
查看>>
实验四 主存空间的分配和回收模拟
查看>>