`

关于IE中浮动 div 被 select 遮盖问题

阅读更多
在开发项目中有个ExtJs无刷新增加select(下拉框)中的option的需求(搜索的二级联动),在FF中显示正常,但是在ie下出了问题,主要原因:在div中可以直接用document.getElementById(“id”).innerHTML多输出一个div。但是用select(下拉框)的id,输出option这个方法不行,下拉框里的option的标签都没了(估计extjs中使用的就是innerHTML所以在ie中产生了这种问题)。

将extjs中使用的添加页面的方法换成js的创建节点的方法。
这是IE的一个BUG,IE根本没有按照我规定的格式去渲染select标签。
  • 大小: 7.3 KB
1
1
分享到:
评论
2 楼 bevis.cn 2010-03-08  
这确实是ie6的bug,我以前遇到过
不过现在ie6已经over了,不用再考虑
1 楼 yiminghe 2010-01-10  
本质 :
http://yiminghe.iteye.com/blog/364472
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    解决IE6 中select 穿透 div 等层的问题

    这个问题在现代浏览器中通常不会出现,但在IE6中,`<select>`下拉菜单会出现在任何其他浮动元素或绝对定位元素之上,即使这些元素在HTML结构中位于`<select>`前面。这导致了设计上的困扰,因为开发者可能希望某些...

    在IE6中浮动层遮盖不住select的方法

    标题 "在IE6中浮动层遮盖不住select的方法" 指的是在使用Internet Explorer 6浏览器时,遇到的一个常见问题。在网页设计中,浮动层(通常通过CSS的`position: absolute`或`position: fixed`实现)常用于创建弹出窗口...

    让div浮动在select之上的完美解决方案!多浏览器兼容

    在网页设计中,有时我们需要使一个`div`元素覆盖或浮动在`select`元素之上,以便实现特定的交互效果,如弹出层、提示信息或者自定义下拉菜单等。然而,由于浏览器之间的渲染差异,这往往成为一个挑战。本文将探讨...

    ie6下DIV覆盖select框js解决代码

    在IE6浏览器中,由于其自身的布局特性,当一个`div`元素试图覆盖一个`select`下拉框时,会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上,无论`div`的`z-index`设置得多高。这在网页...

    ie6下select遮挡div

    这个插件,可能是名为“bgiframe”的插件(从压缩包子文件的文件名推断),被设计用来解决IE6下select遮挡div的问题。bgiframe插件会在被遮挡的元素上创建一个背景iframe,通过这种方式,即使在select控件存在的情况...

    javascript浮动div,可拖拽div,遮罩层(div和iframe实现)

    在网页设计中,浮动 Div 是指能够独立于页面其他元素自由移动的 Div 容器。通过 CSS 和 JavaScript 的结合使用,可以使 Div 元素在页面上自由移动,这种效果常用于弹出窗口、浮动广告等场景。 #### 实现方法 1. **...

    解决DIV在IE下被下拉列表select穿透的问题(一)

    本文将深入探讨如何解决一个特定的IE浏览器问题:DIV元素在Internet Explorer(IE)下被下拉列表(select)穿透的问题。 标题提到的“解决DIV在IE下被下拉列表select穿透的问题(一)”是一个典型的老版IE浏览器渲染...

    浮动DIV效果

    在网页设计中,浮动元素(通常使用CSS的`float`属性来实现)是一种常见的布局技巧,主要用于创建多列布局、侧边栏或者如标题描述中提到的“浮动DIV效果”。这个效果常见于微博和其他社交网络,它使得内容块可以在...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    在网页设计中,`DIV+CSS`是一种常见的布局方式,然而不同版本的Internet Explorer(IE6、IE7和IE8)对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致,增加了开发者的调试难度。下面...

    js设置浮动div的特效

    在这个场景中,"js设置浮动div的特效"指的是使用JavaScript来操控浮动的`div`元素,以实现更复杂的视觉表现。 首先,我们需要理解CSS中的`div`和`float`属性。`div`是HTML中的一个通用容器元素,常用来组织页面结构...

    IE6中列表挡住div的解决

    "IE6中列表挡住div的解决"这个话题正是关于此类问题的一个经典实例。Internet Explorer 6(简称IE6)是微软公司早期推出的浏览器版本,因其独特的渲染引擎,经常会给开发者带来不少头疼的问题。在本文中,我们将深入...

    web div浮动广告

    在Web开发中,"div浮动广告"是一种常见的设计技术,用于在网页上创建如客服在线等浮动元素。这种广告或功能通常位于页面的一侧,随着用户滚动页面而始终保持可见,以便用户随时能与客服进行交流。现在我们来深入探讨...

    详细说明了div怎么在div上实现浮动的代码

    本文将深入探讨如何通过CSS样式实现`div`元素的浮动,以达到在另一个`div`上浮动的效果,同时我们也会提及在.NET环境中如何应用这些技术。 首先,让我们了解什么是浮动(Floating)。在CSS中,`float`属性主要用于...

    jquery 可拖动浮动DIV ,可固定DIV

    本主题将深入探讨如何使用jQuery实现一个可拖动并可固定在页面上的浮动DIV元素。 首先,让我们理解“浮动DIV”。在HTML中,浮动(float)属性常用于布局,使元素可以向左或向右移动,以便其他内容可以环绕它。在CSS...

    poshytip插件在IE6中,被select遮罩问题

    PoshyTip创建的提示框是浮动在目标元素上方的,但在IE6中,由于`<select>`元素的特殊性,可能会意外地遮挡提示框。 解决这个问题的一种方法是调整元素的Z-index。在CSS中,Z-index用于决定元素在堆叠上下文中的前后...

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    select2兼容ie8版本的js css zh-cn.js

    《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...

    js鼠标浮动显示div

    在JavaScript(JS)中,"鼠标浮动显示div"是一种常见的交互设计,通常用于创建提示框、下拉菜单或工具提示。这种技术的核心是利用事件监听器来捕捉鼠标的移动,并根据鼠标的移动来控制div元素的显示与隐藏。在本案例...

    VB编程源代码 22IE式浮动工具栏

    VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动工具栏VB编程源代码 22IE式浮动...

Global site tag (gtag.js) - Google Analytics