如何在滑块顶部添加标识(链接)

<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>

在这里我应该添加我的标志，所以它将能够在顶部与标题和能力是一个链接可见?

尝试使用z-index。这是一个css样式选项，允许你放置div、段落等。

你可以在下面的链接上进行实验:w3schools

这给你提供了一个很好的例子，我认为你想要什么?

W3schools链接不是最好的网站，但它可以让你走得更远，为你提供很多属性。

所以在你的滑块标签之间创建一个div，并使用z-index。

我希望这对你有所帮助!

当您要将它切换到固定位置时，您可以将它插入到包装器中。它需要固定的位置和比容器更高的z-index。通常的做法是为容器添加与固定项高度相同的顶距

相关内容

最新更新

热门标签：