今天遇到一个问题 , 当隐藏表格行 Tr 时
$id("tr_"id"_1").style.setAttribute(’cssText’,"display:none;"); ,
表格行 Tr 里面的 select 在 IE6 中隐藏不了 , 还是会显示在页面当中 。想单独设置 select 的样式为隐藏
$id("new_attpm_id2_"id).style.setAttribute(’cssText’,"display:none;");
也隐藏不了 , 上网搜索找到文章《IE6下 , js通过css隐藏select的一个bug》 , 原来这是 IE6 的一个 Bug , 可以通过 style.display = "none";使其隐藏 。
最终代码如下 $id("new_attpm_id2_"id).style.display = "none"; 问题顺利解决 。
请在ie6下打开:ie6_js_hidden_select_bug.html
通过:
document.getElementById(’J_Test’).style.display = ’none’;
可以隐藏select元素 。
但是通过:
document.body.id = ’page’;
配合css代码:
#page select { display: none; }
在ie6下 , 无法隐藏select元素 。
尝试position, setTimeout, 改变zoom到1.001等方法 , 均失败 。
想起ie6下 , 臭名昭著的select需要用iframe遮罩的bug , 估计和上面的bug根由是一样的:在ie6下 , select是windowed element , 其表现和普通的HTML elements有本质上的区别 。至于究竟为何?估计只能去看微软的源码了 。您可能感兴趣的文章:用javascript实现select的美化的方法用javascript来实现select标签的美化的代码用javascript和css模拟select的脚本css js实现select列表横向排列效果代码select下拉选择框美化实现代码(js css 图片)select标签模拟/美化方法采用JS外挂式插件select标记美化--JS式插件、后期加载用JavaScript来美化HTML的select标签的下拉列表效果js css实现select的美化效果
推荐阅读
- IE6中奇数宽高的BUG
- 德本财末的下一句
- 下火的食物和水果有哪些
- iwatch电量怎么显示
- IE6下css设置容器高度的BUG不能小于某个值
- IE6 为什么最多人使用
- 关于IE6下Li标签左边多出宽16pxBUG的问题
- 太平洋里下钩子歇后语
- 电商平台图片下载器下载淘宝商品图片的操作方法
- 真真是清风旗下的吗