1

有很多关于此的文章和问题，但问题是我需要 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;
});
4

5 回答 5

0

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);
}
于 2013-09-19T23:29:32.323 回答
0

这个问题的一个常见解决方案是在你的 div 中有两个锚标签。第一个是带有实际文本的基本标签。第二个是带有类的标签，该类为其提供透明块覆盖规则。

这使您的网站能够继续以最小的公分母运行。

于 2013-09-19T23:44:52.037 回答
0

您不需要 javascript，只需将 div 放在锚点内：

<a href="http://www.iamvishal.com/residen//node/31">
  http://www.iamvishal.com/residen//node/31
  <div class="field-link"></div>
</a>
于 2013-09-19T22:42:52.180 回答
0

为什么不使用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>
于 2013-09-19T22:45:33.777 回答
0

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

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

于 2013-09-19T22:45:43.147 回答