IE ошибка: абсолютно позиционированный элемент с непрозрачным цветом фона

Question

У меня есть абсолютно позиционированный DIV, для которого мне нужно перехватывать события onclick.Оказывается, что в IE7 у DIV, похоже, нет «следа» для таких вещей, как нажатие и даже курсор.Например:

div {
      width: 200px; height: 200px;
      position: absolute;
      border: 10px solid black;
      cursor: pointer;
}

В IE7 этот DIV не имеет «следа»: он не реагирует на onclick (), и его курсор не меняется на указатель.Любопытно, что он обрабатывает и те, и другие за своей границей - отсюда и большая граница в этом примере.Установка цвета фона:

div { background-color: #fff; }

устраняет проблему.Но в данном случае это невозможно - мне нужно, чтобы у DIV был прозрачный фон.

Я уже сталкивался с этой ошибкой в ​​прошлом, но не могу вспомнить, как IE взломалисправить это.

Answer 1

Имел ту же проблему и не нашел лучшего решения, чем прозрачный GIF.Обратите внимание, что эта проблема также произошла в IE8 для меня.Вам не нужно использовать 2x2 px gif, достаточно 1x1 px.

Answer 2

Попробуйте использовать прозрачное фоновое изображение.

Я бы предложил использовать 2x2 или больше .gif, то есть все прозрачные пиксели.Установите его так, чтобы он повторялся на x и y, и в IE не должно быть проблем с кликами.

background: transparent url(path/to/spacer.gif) repeat left top;
/* Not all of that is necessary, but I have a tendency to define it anyway. */