如何解决IE6中的选择重叠错误？

作者：贾志军 | 2023-09-06 12:29

如何解决《如何解决IE6中的选择重叠错误？》经验，为你挑选了2个好方法。

使用IE时,不能在选择的输入元素上放置绝对定位的div.这是因为select元素被认为是一个ActiveX对象,并且位于页面中每个HTML元素的顶部.

我已经看到人们在打开弹出窗口时隐藏选择,这会导致控件消失的用户体验非常糟糕.

FogBugz实际上有一个非常聪明的解决方案(在v6之前)在显示弹出窗口时将每个选项转换为文本框.这解决了这个错误并欺骗了用户的眼睛,但行为并不完美.

另一个解决方案是在FogBugz 6中,他们不再使用select元素并在任何地方重新编码.

我目前使用的最后一个解决方案是搞乱IE渲染引擎并强制它将绝对定位

为ActiveX元素,确保它可以存在于select元素上.这可以通过在

</code>内部放置一个不可见的<code><div></code>样式来实现:</p>

<pre class="lang-css prettyprint-override"><code>#MyDiv iframe
{
    position: absolute;
    z-index: -1;
    filter: mask();
    border: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    overflow: hidden;
}
</pre>

<p>有没有人比这个有更好的解决方案？</p>

<p>编辑:这个问题的目的是提供信息,因为它是一个真正的问题.我发现这个<code><iframe></code>技巧是一个很好的解决方案,但我仍在寻找改进方法,比如删除这个<em>丑陋无用的标签</em>会降低可访问性.</p><br><br><b>1> Pbearne..：</b><hr><p>我不知道比Iframe更好的事情</p>

<p>但是我确实发现这可以通过查找几个变量在JS中添加 </p>

<ol>
<p>IE 6</p>
<p>一个高Z-Index(你倾向于设置一个z-index,如果你浮动一个div)</p>
<p>一个盒子元素</p>
</ol>

<p>然后,查找这些项目并只添加iframe层的脚本将是一个简洁的解决方案</p>

<p>保罗</p></p>
        <br><br><b>2> 小智..：</b><hr><p>感谢iframe黑客解决方案.它很丑陋而又优雅.:)</p>

<p>只是评论.如果您碰巧通过SSL运行您的站点,则虚拟iframe标记需要指定src,否则IE6会抱怨安全警告.</p>

<p>例:</p>

<pre>

    <iframe src="javascript:false;">



我见过有人推荐将src设置为blank.html ...但我更喜欢javascript方式.去搞清楚.



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        C中的反斜杠百分比是什么？
                    

                    
                                                
                        如何解决《C中的反斜杠百分比是什么？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在C中,在向函数发送指向结构的值时返回float会更改结构的值
                    

                    
                                                
                        如何解决《在C中,在向函数发送指向结构的值时返回float会更改结构的值》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何将R闪亮的演示文稿导出为pdf或html
                    

                    
                                                
                        如何解决《如何将R闪亮的演示文稿导出为pdf或html》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        显示:React Native中的内联等效
                    

                    
                                                
                            
                        
                                                
                        如何解决《显示:ReactNative中的内联等效》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在GLIBCXX版本的基础上找到C++ 11的功能
                    

                    
                                                
                        如何解决《如何在GLIBCXX版本的基础上找到C++11的功能》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        JavaScript无法从PHP json_encode中找到JSON数据
                    

                    
                                                
                        如何解决《JavaScript无法从PHPjson_encode中找到JSON数据》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        R刷新的页面刷新按钮
                    

                    
                                                
                        如何解决《R刷新的页面刷新按钮》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在一系列数字中找到缺失的数字？
                    

                    
                                                
                        如何解决《如何在一系列数字中找到缺失的数字？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        安装Eclipse的Drools插件时出错
                    

                    
                                                
                        如何解决《安装Eclipse的Drools插件时出错》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        C++加入多个线程
                    

                    
                                                
                        如何解决《C++加入多个线程》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        对领域列表进行排序并保留结果
                    

                    
                                                
                        如何解决《对领域列表进行排序并保留结果》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        OnDemand WebJob在几分钟后失败
                    

                    
                                                
                        如何解决《OnDemandWebJob在几分钟后失败》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法使用Parse运行应用程序
                    

                    
                                                
                        如何解决《无法使用Parse运行应用程序》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        为什么这个对象解析返回undefined？
                    

                    
                                                
                        如何解决《为什么这个对象解析返回undefined？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        调整DialogFragment的宽度和高度
                    

                    
                                                
                        如何解决《调整DialogFragment的宽度和高度》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从频道获取所有视频 -  Youtube API v3 c#
                    

                    
                                                
                        如何解决《从频道获取所有视频-YoutubeAPIv3c#》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        多维数组到多维元组
                    

                    
                                                
                        如何解决《多维数组到多维元组》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        ASP.NET  -  ERR_EMPTY_RESPONSE /重置连接/无法显示页面
                    

                    
                                                
                        如何解决《ASP.NET-ERR_EMPTY_RESPONSE/重置连接/无法显示页面》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何加速从栅格中提取缓冲区中土地覆盖类型的比例？
                    

                    
                                                
                        如何解决《如何加速从栅格中提取缓冲区中土地覆盖类型的比例？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在OSX上打开WebDAV word文件
                    

                    
                                                
                        如何解决《在OSX上打开WebDAVword文件》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                贾志军            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1如何配置WildFly 8.2.0日志记录以在调试级别上显示应用程序
                
                                
                    2如何将v8 :: String转换为const char*
                
                                
                    3无法启动skydns
                
                                
                    4Spring:在CrudRepository中覆盖save方法
                
                                
                    5如何在COBOL中编写SQLite回调
                
                                
                    6正确管理大于GPU可用内存的结果数组？
                
                                
                    73D无限亚军游戏平台生成给出了例外
                
                                
                    8Python设置切片复杂性
                
                                
                    9nativeLibraryDirectories = [/ vendor / lib64，/ system / lib64]]]找不到“ libvideoeditor_jni.so”
                
                                
                    10如何在Jenkins工作流程脚本中使用Log Parser插件
                
                                
                    11错误设置证书验证位置：CAfile ca-bundle.crt CApath：无
                
                                
                    12Tensorflow图像读空
                
                                
                    13如何在u-boot中禁用串行控制台(非内核)
                
                                
                    14DynamoDB updateItem失败
                
                                
                    15通过宏传递宏参数
                
                                
                    16React.js无法使用Plunker
                
                                
                    17工具栏在滚动时不会完全隐藏
                
                                
                    18Javafx Task-从方法更新进度
                
                                
                    19用空格替换%20
                
                                
                    20mysqli_affected_rows总是返回0







    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6 

    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有