jquery - 将 "Back to top"图标置顶

标签 jquery html css

我曾尝试将“返回顶部”图标置于顶部,但没有成功。当屏幕较小时,表格框架会覆盖图标。我该如何解决这个问题?

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

最佳答案

尝试使用

z-index: x;

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

编辑:

其中X代表一个数字,例如1、2、1999等

我刚刚测试了在我的浏览器上添加该属性,它有效。在 css 上添加一个 z-index 属性。

关于jquery - 将 "Back to top"图标置顶,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20712193/

相关文章:

html - 删除 ng-bind-html-unsafe 后,如何注入(inject) HTML?

html - 使用自定义元素符号时缩进参差不齐的 li

c# - MVC ajax 发布到 Controller 操作方法

javascript - 获取事件内部发送的信息(event.data)JQuery/Websocket

javascript - 提交表单或模拟按下 Enter/Return

HTML5 中的 Javascript 和音频 - 第一个 'play()' 调用后的延迟

javascript - 在每秒更新的网页上显示一个 txt 文件

html - css float 浏览器大小

javascript - 选择“选择选项”时显示文本。怎么做?

css 高度问题。我有一个固定高度的部分元素,我希望 ol 占据其余的高度变化