如何解决CSS 图标和选取框显示在我的 JavaScript 内容上,如何解决?
我有一个网站。我已经在我的网站上安装了 Bootstrap 图标和 Fontawsome 图标 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()">×</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>
现在如果有人可以帮助解决这个问题。 提前致谢。
有一张有问题的图片:
解决方法
在 div 或 nav 的 css 中使用这个
#myNavID{
z-index: 2;
}
这应该可以解决问题
- 不要忘记根据您的代码更改 css 选择器。 ;)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。