Question

有很多文章和问题，但问题是我需要div和链接是透明的，因为我有另一个动态内容。

以下代码适用于除8,9和10之外的所有浏览器。 www.iamvishal.com/residen你看到这里的工作。

<div class="field-link">
<a href="http://www.iamvishal.com/residen//node/31">http://www.iamvishal.com/residen//node/31</a>  
</div>


jQuery(".views-slideshow-cycle-main-frame-row .views-slideshow-cycle-main-frame-row-item .field-link").click(function(){
 window.location=jQuery(this).find("a").attr("href"); 
 return false;
});

Answer 1

你不应该需要javascript，只需将div放在锚点内：

<a href="http://www.iamvishal.com/residen//node/31">
  http://www.iamvishal.com/residen//node/31
  <div class="field-link"></div>
</a>

Answer 2

为什么不使用onClick事件

<div class="field-link" onclick="location.href='http://www.iamvishal.com/residen//node/31';">
<a href="http://www.iamvishal.com/residen//node/31">http://www.iamvishal.com/residen//node/31</a>  
</div>

Answer 3

问题可能是您的URL中有一个额外的斜杠，而其他浏览器可以处理错误的URL但IE不能。

而不是 http://www.iamvishal.com/residen//node/31 尝试 http://www.iamvishal.com/residen/node/31

Answer 4

IE不允许具有透明背景的块锚。您应将背景颜色设置为白色并将不透明度设置为0：

.views-slideshow-cycle-main-frame-row-item .field-link a {
  background-repeat: no-repeat;
  height: 295px;
  position: absolute;
  width: 797px;
  z-index: 300;
  margin-top: 1px;
  margin-left: 40px;
  overflow: hidden;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

Answer 5

此问题的常见解决方案是在div中使用两个锚标记。第一个是带有实际文本的基本标签。第二个是带有类的标记，为其提供透明的块重叠规则。

这使您的网站能够继续使用最低公分母。

如何在ie8中获得整个div可点击

5 个答案: