Как сделать это полностью интерактивными ДИВ

Question

Я использую JQuery, чтобы скрыть DIV, когда следующий DIV щелкают

.up_link { 
    position: absolute; 
    width: 830px; 
    height: 500px; 
    z-index: 8; 
    text-align: center; 
    cursor: pointer; 
    border: 3px solid #000; 
} 

, который отлично работает в Firefox, но не в IE. Я могу щелкнуть весь DIV в Firefox, но в IE, только на границе.

$(function() { 
$(".down_link").click(function() { 
    $(".gallery_block2").stop(true, true).hide().animate({ marginTop: 0 }, 400).fadeTo(500,1).show(); 
}); 

$(".up_link").click(function() { 
    $(".gallery_block2").stop(true, true).fadeTo(500,0).show().animate({ marginTop: -550 }, 400); 
}); 
}); 

HTML

<div class="gallery_block2"> 
     <div class="gallery_thumbs"> 
      <div class="gallery_close_container up_link"></div> 
      <div class="load_space"></div> 
     </div> 
    </div> 

Любая помощь приветствуется.

Answer 1

Вероятная проблема: элемент без фона (или background-color: transparent) не будет запускать события кликов в IE (по крайней мере, 6-8, не обязательно около 9) при нажатии этого (не) фона.

Обходные:

1) Если вам не нужен прозрачный фон:

background-color: #000000; /* Color of whatever's behind the <div> */ 

2) Если вам не нужны границы или любое текстовое содержимое:

background-color: #000000; 
filter: alpha(opacity = 0); 
opacity: 0; 
/* And vendor prefixes for older browsers, e.g. -moz-opacity */ 

... делает весь элемент прозрачным, но кликабельным.

3) Если вам нужно только IE9, Firefox 3, Safari 3 и совместимость Opera 10 (любой Chrome идет):

background-color: rgba(0, 0, 0, 0); /* Black but completely transparent */ 

... только делает цвет фона прозрачный - текст, границы и т.д. остается твердое вещество. Весь элемент будет кликабельным.

4) Если вам нужен прозрачный фон, «полный» совместимость со старыми браузерами, а также границ или текстового содержания:

background-image: url("1-pixel-transparent.gif"); 

... где 1 пиксель transparent.gif является то, что он говорит, что это ,

В вашем случае вероятным вариантом, вероятно, будет нет. 4.