字幕文本通过sidenav

Question

我有一个字幕文本，我有一个右侧导航栏。问题是，当文本向右移动时，它会在sidenav下面，我看不到它。我想知道如何设置我的文本样式以通过sidenav而不是它下面。我的意思是，我想让我的文字在所有方面都不可见，并且在侧面导航下消失。 代码： footer.html：

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

engineers.php：

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

app.css：

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

Answer 1

您需要更改CSS： -

marquee{width:100%;}

Answer 2

您将要使用z-index属性。

首先，使用position: relative;或position:的任何其他变体来定位两个元素。然后，使用z-index:更改每个元素的高度。为下部元素（侧边栏）指定z-index: 1;属性，为较高元素（选取框）指定z-index: 2;属性。您可以使用任何数字，只要较低的项目具有较低的数字。

Answer 3

您可以在css中添加z-index，如：z-index: 10;