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

时间:2013-12-20 21:25:48

标签: jquery html css html5 css3

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

网站: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);
    }

1 个答案:

答案 0 :(得分:0)

尝试使用

z-index: x;

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

编辑:

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

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