Режим стандартов IE8: обработчик onclick на div не запускается

Question

В моем приложении у меня есть ряд кнопок (для BBcode), которые включены в различные места.Каждая кнопка представляет собой пустой div с фиксированными размерами, фоновым изображением и обработчиком onclick.Это очень хорошо работает во всех браузерах - пока что.

Теперь я добавил еще один экземпляр этой строки, но на этот раз он находится внутри абсолютно позиционированного всплывающего элемента div.(По крайней мере, это одно заметное различие, о котором я могу подумать, потому что в остальном это тот же самый код.) Это также работает во всех браузерах, кроме IE8, где нажатие кнопок ничего не делает.Если только я не включаю режим совместимости, в этом случае он работает довольно хорошо.

Нет ли другого способа заставить Internet Explorer вести себя так, как должен?

Answer 1

У меня была такая же проблема в IE8.Прозрачные области в DIV не были кликабельными.Простое решение - установить background-image на прозрачное .gif.

Мое решение в CSS:

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

... где pixel.gif - прозрачное изображение 1x1.

Answer 2

Я нашел решение. Это был атрибут «float: left» на кнопках, которые делали его неудачным.

Что довольно странно, потому что во всех других местах, где этот код был включен, он также имел плавающее число - и это работало. Даже в IE8.

В любом случае, удалив его и используя «display: inline-block» для размещения, добился цели.