如何在滑块顶部添加徽标（即链接）？

<script type="text/javascript" src="javascript/jquery-2.0.2.min.js"></script> 
<script type="text/javascript" src="javascript/jquery.cycle.all.js"></script> 
<script type="text/javascript"> 
    $('#slider').cycle({ 

     fx: 'scrollHorz', 

     speed: 'slow', 

     timeout: 5000, 

     next: '#next', 

     prev: '#prev' 

    }); 
</script> 
<style type="text/css"> 
    #wrapper { 
     display: block; 
     margin: auto; 
     height: 250px; 
     width: 100%; 
    } 
    #container { 
     overflow: auto; 
    } 
    #slider { 
     display: block; 
     float: left; 
     height: 250px; 
     width: 100%; 
     overflow: hidden; 
     position: absolute; 
    } 
</style> 
</head> 
<a name="top"></a> 
<body> 
    <div id="main"> 
     <div id="header"> 
      <div id="wrapper"> 
       <div id="container"> 
        <div id="slider"> 
         <img src="slideimages/bookline.jpg" width="100%" height="250" alt="flight-1"> 
         <img src="slideimages/fam.jpg" width="100%" height="250" alt="flight-1"> 
         <img src="slideimages/houseog.jpg" width="100%" height="250" alt="flight-1"> 
         <img src="slideimages/skyline.jpg" width="100%" height="250" alt="flight-1"> 
        </div> 
       </div> 
      </div>

在这里我应该添加我的标志，这样它就能够在标题顶部显示，并且能够成为链接？如何在滑块顶部添加徽标（即链接）？

来源

2014-03-25 Computer

尝试使用z-index。这是一个css样式选项，它允许您将div，paragrapsh等放在彼此之上。

可以以下链接与它的实验：w3schools

这是为您提供顺便说一句，你想我想一个很好的例子？

W3Schools的link不在身边最好的网站，但它可以让你远，为您提供很多的属性。

之间就可以了你的滑块标签的使用的z-index因此，创建一个div。

我希望这周围帮你！

来源

2014-03-25 15:57:50 geynske006

我知道z索引，我想知道的是我应该在哪里放置图像代码？ – Computer

如果编辑我的评论：所以创建一个div之间的滑块标签上使用z-index。 – geynske006

滑块标签之间还是之外？ – Computer

当你要切换到固定的位置，你可以将它插入正确的包装内。它需要固定的位置和比容器更高的z-index。向容器中添加与固定项目高度相同数量的顶部边距是一种常见做法。

来源

2014-03-25 16:04:08 gramgram

固定位置的命令是什么？它是CSS还是HTML？ – Computer

** css **： 'position：fixed; top：0; left：0; right：0; height：60px;' – gramgram

谢谢我现在会尝试 – Computer

如何在滑块顶部添加徽标（即链接）？

回答

相关问题