Значки CSS и маркер отображаются поверх моего содержимого JavaScript, как это решить?

#javascript #css #icons #overflow #marquee

Вопрос:

У меня есть веб — сайт. Я установил значки начальной загрузки и некоторые значки шрифтов JS на своем сайте. Но проблема в том, что эти значки отображаются или переполнены моим контентом javascript. А также тексты тегов шатра также отображаются поверх этого.

Это код, который я использую в качестве панели навигации заголовка

 <style>body {font-family: "Lato", sans-serif;}.sidenav {height: 100%; width: 0;  position: fixed; z-index: 1; top: 0; left: 0; background: #4b9e90; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}.sidenav a {padding: 8px 8px 8px 32px; background-color: #66b6a8; border-top: 2px solid #4b9e90; text-decoration: none; color: #000; display: block; transition: 0.3s;}.sidenav a:hover {color: #f1f1f1; background-color: #438d80;}.sidenav .closebtn {position: absolute; top: 0;  right: 25px; font-size: 36px; margin-left: 50px;}@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}  .sidenav a {font-size: 18px;}}</style><div id="mySidenav" class="sidenav">  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">amp;times;</a> <a href="/"><span class="glyphicon glyphicon-home" style="color: #fff;"></span> প্লাটুনবিডি হোম</a> <a href="/site_login.html"><span class="glyphicon glyphicon-lock" style="color: #fff;"></span> প্রবেশ করুন</a> <a href="/site_reg.html"><span class="glyphicon glyphicon-user" style="color: #fff;"></span> নিবন্ধন করুন</a> <a href="/site-about-us.html"><span class="glyphicon glyphicon-leaf" style="color: #fff;"></span> আমাদের সম্পর্কে</a>  <a href="/site-help.html"><span class="glyphicon glyphicon-question-sign" style="color: #fff;"></span> সাহায্য পাতা</a>  <a href="/site-admin-panel.html"><span class="glyphicon glyphicon-sunglasses" style="color: #fff;"></span> এডমিন প্যানেল</a>  <a href="/site-contact-platoonbd.html"><span class="glyphicon glyphicon-pencil" style="color: #fff;"></span> মতামত জানান</a>  <a href="/site-all-categories.html"><span class="glyphicon glyphicon-th-list" style="color: #fff;"></span> ক্যাটাগরিসমূহ</a></div><script>function openNav() {  document.getElementById("mySidenav").style.width = "280px";} function closeNav() {  document.getElementById("mySidenav").style.width = "0";}</script>

Теперь, если кто-нибудь может помочь в решении этой проблемы.
Заранее спасибо.

Есть изображение с проблемой: проблемы с CSS-значками и тегом marquee

1. Эй, не публикуйте сжатый код, его труднее читать, всегда публикуйте несжатый код, и вместо картинки вы можете использовать JSFiddle

2. Хорошо, спасибо за вашу любезную информацию.

Ответ №1:

Используйте это в css div или nav

 
#myNavID{
  z-index: 2;
}

Это должно решить проблему

не забудьте изменить css-селектор в соответствии с вашим кодом. 😉