我的浮动图标位于网站内容后面

Question

我正在尝试在我的网站中添加一个浮动图标。我使用的代码是 html

<a href="#" class="floata">
<i class="fa fa-plus my-floata"></i>
</a>

css

.floata{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#0C9;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}

.my-floata{
    margin-top:22px;
}

在移动设备中，有时在PC中，它显示在我网站https://demo.justinechacko.in/的网站内容后面

Answer 1

看看z-index，这是用于指定在其上绘制节点的图层。

在您的主页上，3必须位于图片上方：

.floata {
  z-index: 3;
}