源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

IE6下js通过css隐藏select的一个bug

  • 时间:2020-05-04 16:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IE6下js通过css隐藏select的一个bug
今天遇到一个问题, 当隐藏表格行 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有本质上的区别。至于究竟为何?估计只能去看微软的源码了。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部