html - 跑马灯文字越过sidenav

Question

我有一个选取框文本和一个右侧导航栏。问题是，当文本向右移动时，它会进入 sidenav 下方，我看不到它。我想知道如何设计我的文本样式以通过 sidenav 而不是在它下面。我的意思是，我想让我的文字始终可见，而不是在侧边导航下消失。代码:页脚.html:

<footer class="w3-container">
    <marquee direction="right">
        <ul>
            <li>طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید.</li>
            <li>طراحی شده توسط محسن نیروزاد</li>
        </ul>
    </marquee>
</footer>

工程师.php:

<div data-ng-include="'variables/footer.html'"></div>

应用程序.css:

marquee {
    width: calc(33.33% + 150px);
}
footer marquee ul {
    list-style-type: square;
}

Answer 1

您将要使用 z-index 属性。

首先，使用 position: relative; 或 position: 的任何其他变体定位两个元素。然后，使用 z-index: 更改每个元素的高度。给较低的元素(边栏)一个 z-index: 1; 属性，给较高的元素(选取框)一个 z-index: 2; 属性。您可以使用任何数字，只要较低的元素具有较小的数字即可。