Question

在此页面上 - http://goo.gl/9HiUW我有一个内容滑块。但我不能把链接放在里面。当我尝试将链接放入其中时，它只显示简单的文本。

我的HTML代码是 -

<div id="one" class="contentslider">
       <div class="cs_wrapper">
           <div class="cs_slider">

               <div class="cs_article">
                  <a href="http://www.templatemo.com"> How you doing today </a> 
            </div>

请帮忙。我到处搜索并尝试了一切。我不明白为什么会这样。

提前谢谢，生动。

Answer 1

根据您的网站，

您有一个空的范围，z-index 800放在您的内容滑块上。它是在id为'banner_right'的div之后找到的。因此，您单击跨度而不是锚点，这就是为什么它不会触发。

HTML code：

<div id="banner_right"><span></span>

        <div class="contentslider" id="one" style="width: 535px; height: 233px;"><a class="cs_leftBtn" href="#" style="opacity: 0; display: none;"><img src="../image-files/templatemo_left_nav.png" style="padding: 0px;"></a>
           <div class="cs_wrapper">
               <div class="cs_slider">

                   <div class="cs_article" style="width: 535px; height: 233px;"><div style="background-color:#CCC; padding:15px 0 55px 0"> 
                     <a onclick="return FIX.track(this);" href="http://www.templatemo.com">  <font size="+2">How you doing today </font></a> <img alt="Seagulls" src="http://www.successrealization.com/../image-files/templatemo_image_01.jpg">
                </div></div>

<强> CSS：

#banner_right span {
    background: url("../image-files/templatemo_banner_image_frame.png") no-repeat scroll 0 0 transparent;
    height: 233px;
    left: 0;
    position: absolute;
    top: 0;
    width: 535px;
    z-index: 800;
}

提示：使用firebug检查您的网页

无法单击jquery内容滑块内的链接

1 个答案: