Z索引不适用于固定位置元素
Z索引不适用于固定位置元素
提问于 2017-02-20 17:18:03
我已经设计了一个页脚，这将是固定的位置，只有在移动resolution.but上，它看起来像z-索引不工作的分区。下面是html和CSS的代码。
<div class="cws_social_links-icon animated fadeIn">
<a href="//facebook.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#3b5998" class="cws_fa flaticon-facebook55 fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152);"></i></a>
<a href="//twitter.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#55acee" class="cws_fa flaticon-twitter1 fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(85, 172, 238); border-color: rgb(85, 172, 238);"></i></a>
<a href="//linkedin.com" class="icon_link"><i data-font-color="#ffffff" data-bg-color="#28A6EC" class="cws_fa fa fa-linkedin fa-lg custom_colors square kill_gradient" style="color: rgb(255, 255, 255); background-color: rgb(40, 166, 236); border-color: rgb(40, 166, 236);"></i></a>
<p></p>
</div>
<style>
@media screen and (max-width: 479px)
main.css?ver=4.7.2:9100
.cws_social_links-icon {
display: inline-block;
vertical-align: middle;
position: fixed;
text-align: left;
bottom: 0px;
right: 20px;
z-index: 0;
height: 60px;
width: 90%;
}
</style>
请看图片底部的社交媒体图标，它在内容下消失了。我已经给社交媒体icons.but设置了z索引，但它不工作。
Stack Overflow用户
发布于 2017-02-20 17:27:47
如果没有其他css定义的上下文，则很难评估z-index的行为。
您为社交媒体图标div指定了z索引0。当它出现在你的屏幕截图上时，它们在“背景”中。z-index高于零(实际上，高于其他元素的z-index )将把它放在前面--我想，这就是您要实现的目标。
...but不会使用高达数千的数字，这些数字很难在以后维护。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42340551
复制相关文章
相似问题
腾讯云开发者
