IE8標準模式：div上的onclick處理程序不會觸發

Question

在我的應用程序中，我有一排按鈕（用於BBcode），它包含在各個地方。每個按鈕都是固定尺寸的空白div，背景圖像和onclick處理程序。迄今爲止，這在所有瀏覽器中都運行良好。

現在我又增加了一行這一行的實例，但這次它是在絕對定位的彈出式div中。 （至少這是我能想到的一個明顯的區別，因爲否則它是完全相同的代碼。）除IE8外，這也適用於所有瀏覽器，其中單擊按鈕不會執行任何操作。除非我打開兼容模式，在這種情況下，它工作得很好。

是否有任何其他方式使Internet Explorer的行爲應該像它應該？

Answer 1

我找到了解決方案。它是按鈕上的「float：left」屬性，導致它失敗。

這是相當奇怪的，因爲在包含此代碼的所有其他地方，它也具有浮動 - 並且工作正常。即使在IE8中。

無論如何，刪除它，並使用「顯示：行內塊」的位置做了訣竅。

Answer 2

我在IE8中遇到了同樣的問題。 DIV中的透明區域不可點擊。一個簡單的解決方案是將background-image設置爲透明的.gif。

我在CSS的解決方案：

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

...其中pixel.gif是1x1大小的透明圖像。