在我的应用程序中,我有一排按钮(用于BBcode),包含在各个地方。每个按钮都是一个固定尺寸的空div,一个背景图像和一个onclick处理程序。到目前为止,这在所有浏览器中都运行良好。
现在我又添加了这一行的一个实例,但这一次是在一个绝对定位的弹出div中。 (至少这是我能想到的一个显着差异,因为否则它是完全相同的代码。)这也适用于除IE8之外的所有浏览器,其中单击按钮不起作用。除非我打开兼容模式,否则它的工作方式非常好。
是否有任何其他方法可以使Internet Explorer表现得像它应该的那样?
答案 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”进行放置就可以了。