IE8标准模式:div上的onclick处理程序不会触发

时间:2010-07-20 10:44:30

标签: internet-explorer-8 onclick css-position

在我的应用程序中,我有一排按钮(用于BBcode),包含在各个地方。每个按钮都是一个固定尺寸的空div,一个背景图像和一个onclick处理程序。到目前为止,这在所有浏览器中都运行良好。

现在我又添加了这一行的一个实例,但这一次是在一个绝对定位的弹出div中。 (至少这是我能想到的一个显着差异,因为否则它是完全相同的代码。)这也适用于除IE8之外的所有浏览器,其中单击按钮不起作用。除非我打开兼容模式,否则它的工作方式非常好。

是否有任何其他方法可以使Internet Explorer表现得像它应该的那样?

2 个答案:

答案 0 :(得分:4)

我在IE8中遇到了同样的问题。 DIV中的透明区域不可点击。一个简单的解决方案是将background-image设置为透明.gif

我在CSS中的解决方案:

background-image: url("images/pixel.gif"); 

...其中pixel.gif是1x1透明图像。

答案 1 :(得分:0)

我找到了解决方案。按钮上的“float:left”属性使其失败。

这很奇怪,因为在包含此代码的所有其他地方,它也有浮动 - 并且它有效。即使在IE8中也是如此。

无论如何,删除它并使用“display:inline-block”进行放置就可以了。