将“返回顶部”图标置于顶部

Question

我试图将“返回顶部”图标置于顶部，但它无法正常工作。当屏幕较小时，表格框架将覆盖图标。我该如何解决这个问题？

网站：http://www.seymourrealestate.ca/

此动画的CSS程序返回顶部图标

.back-to-top {
        position: fixed;
        bottom: 2em;
        right: 0px;
        text-decoration: none;
        color: #000000;
        background-color: rgba(200, 200, 200, 0.85);
        font: 1.0em/100% Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        padding: 1.0em;
        display: none;


    }

    .back-to-top:hover {    
        background-color: rgba(135, 135, 135, 0.50);
    }

Answer 1

尝试使用

z-index: x;

看看是否能解决您的问题。这将把元素带到顶端。

编辑：

其中X代表数字，例如1,2，1999等。

我刚测试在我的浏览器上添加该属性，它可以工作。在css上添加z-index属性。