Html IE7元件可以';不要点击

Html IE7元件可以';不要点击,html,css,dom,internet-explorer-7,Html,Css,Dom,Internet Explorer 7,我已经将一个缺陷缩小到这个示例中,其中数字“1”在IE7中不可勾选(仅限): 单击1 div{位置:绝对;溢出:自动;} 表{位置:相对;} span{位置:固定;顶部:100px;} 12 有人能找出根本原因,让我了解我的解决方案吗 我使用这里表示的所有CSS来构建一个可排序的固定头滚动表。在原始代码中,跨度实际上存在于一个TH中,通过负边距固定滚动表上方的标题,同时允许表呈现器以列宽显示标题文本,而无需表复制或“onResize”-模拟计时器。尝试使用括号 <span onclic

我已经将一个缺陷缩小到这个示例中,其中数字“1”在IE7中不可勾选(仅限):


单击1
div{位置:绝对;溢出:自动;}
表{位置:相对;}
span{位置:固定;顶部:100px;}
12
有人能找出根本原因,让我了解我的解决方案吗

我使用这里表示的所有CSS来构建一个可排序的固定头滚动表。在原始代码中,跨度实际上存在于一个TH中,通过负边距固定滚动表上方的标题,同时允许表呈现器以列宽显示标题文本,而无需表复制或“onResize”-模拟计时器。

尝试使用括号

<span onclick='sortTable()'>1</span>
1

div
中删除
位置:relative
可以修复它

如果这不是一个选项,我还发现将
*display:inline
添加到
div
可以修复它

display
前面的星号是一种CSS攻击,它只将规则应用于IE7及以下版本。它不是一个很棒的工具,因为它不是有效的CSS,但是它可以工作并且不会引起任何问题

如果这两个想法都不适用于您,那么查看一个更完整的测试用例以了解原因将是很有帮助的


您的原始代码,但带有
,因此JavaScript可以工作:
(无法在IE7中单击它)

相同,位置:相对已删除:
(在IE7中工作)

相同,位置:
relative
仍在,显示:inline已添加:

(在IE7中工作)

您定义了
sortTable()
?我使用了thirtydot的示例来证明javascript与问题无关。但它是通过
内联
修复的(出于一些奇怪的原因…)@thirtydot:在DIV上,我使用了绝对值(加上顶部:和底部:)来获取页面大小减去页眉加页脚。亲戚也有同样的问题。在表上,我使用relative来允许移动某些包含元素的位置。@thirtydot我快疯了,你与*display hack的链接对我很有用,但现在我无法在本地测试夹具上复制它。我还在看它。@shannon:发布您正在使用的测试用例,我来看看。@thirtydot:我的测试用例中的问题是DIV上的绝对与相对。inline修复了相对用例,但不是绝对用例。这里有疯狂的邪恶,我仍然不明白根本原因。我的实际应用程序有大约200个CSS声明,坦率地说,我不确定这个特殊的IE7不可链接元素何时出现。如果您感兴趣,我很乐意在我们的公共测试站点上与您分享测试凭据。
<span onclick='sortTable()'>1</span>