IE7跨域iFrame选择问题

时间:2011-10-24 05:16:33

标签: iframe drop-down-menu internet-explorer-7 cross-domain

我有一个iframe,其中包含一些用于数据输入的选择下拉列表。我最近开始注意到鼠标单击iframe中的select元素,下拉列表不会展开。用户可以单击下拉菜单以设置焦点,然后使用键盘上的向上/向下箭头滚动内容,但单击列表旁边的箭头按钮不会使其扩展和放大。显示其内容。

此框架嵌入的父页面位于不同的域中。最初我认为这可能与iframe中的javascript onfocus事件有关。我删除了所有的脚本,摆脱了所有的css并将其削减为一个简单的静态html父级,其中包含一个仅包含select元素的静态html的简单iframe页面。在同一服务器上运行时,下拉列表正常运行,但当父页面位于一个域上,而iframe内容位于另一个域上时,无法展开选择列表。

这个问题似乎只发生在IE7中。我在IE8和IE中测试过IE9没有任何问题,以及Safari,Chrome和& Firefox浏览器。我发现了一些博客文章(下面的链接)在上周出现了似乎正在遇到同样的问题,但没有解决方案。

http://johannes.jarolim.com/blog/2011/10/20/internet-explorer-cross-domain-iframes-and-unusable-select-boxes/

http://scrumpy-jack.com/post/11177166236/html-select-crazy-egg-ie-and-iframes-updated

有没有人找到解决这个问题的方法?

2 个答案:

答案 0 :(得分:4)

我们通过仅针对IE7用户使用JQuery下拉菜单替换标准下拉菜单,为此问题制定了解决方法。我们开发了一个脚本并将其放在一些IE条件标签之间。

我们等不及MS发出另一个补丁了!

答案 1 :(得分:2)

显然这个错误是由于刚刚发布的安全更新(2586448):

http://support.microsoft.com/kb/2628724