Question

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

在这里，我应该添加我的徽标，以便能够在顶部显示标题，还能够成为链接？

Answer 1

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

您可以通过以下链接进行试验：w3schools

这给你提供了你想要的一个很好的例子吗？

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

因此，在滑块标签之间创建一个div，并在其上使用z-index。

我希望这能帮到你！

Answer 2

当您要将其切换到固定位置时，您可以将其插入包装内。它需要固定定位和比容器更高的z指数。通常的做法是在容器上添加上边距，其数量与固定项目的高度相同。

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

2 个答案: