Question

我在这里变得疯狂。我设计了一个网站，从左到右滚动，但我无法获得每个滚动的内容。相反，内容贴在上面。请看一下here

按钮（带有活塞和信息文本的头骨）应贴在页面上并在点击导航时移动

这是代码：

<div id="section_home" class="section_holder1"><!-- BEGIN SECTION "HOME -->
        <div class="container"><!-- BEGIN CONTAINER -->
            <div class="section_content"><!-- Begin Section Container -->
                 <div class="content_container"><!-- Begin Content -->
                    <div class="logo"></div>
                    <div class="separator"></div>
                    <div class="sign1">
                        <a class="readmore"  href="#"></a>
                    </div>
                </div><!-- End Content -->
            </div><!-- End Section Container -->
        </div><!-- END CONTAINER -->
    </div><!-- END SECTION "HOME -->

知道我在这里做错了吗？

Answer 1

基本上你的问题在这里：

.sign1 a.readmore {
    display: block;
    width: 65px;
    height: 67px;
    text-indent: -9999em;
    z-index: 999999;
    margin: 0 auto;
    background-image: url(../img/bg-readmore.png);
    position: fixed; /* --> position fixed is not what you're looking for */
    top: 48%;
    right: 43%;
}

Settins position:fixed完全按照你所看到的（固定元素相对于浏览器窗口的位置.. 它不再受页面结构影响）你在中间的所有按钮来自彼此之上的所有帧。

尝试使用.sign1 a.readmore

重新定位position:absolute

div保持在顶部，但应随网站移动

1 个答案: