带有固定位置的按钮，带有向上箭头图像

Question

我尝试了一切，但我无法让它发挥作用 Link这是我的网站

所以，我需要一个总是在右下角的框，在那个框中将是图像img / vrh.png，然后我将添加该框<a href="#top">并标记在顶部{{1}如果你可以为那个css3盒子编写代码，我试过并且没有得到它，eaven与z-index我不能让它工作，谢谢

Answer 1

无论浏览器是否滚动，您都需要使用position:fixed使元素保持在屏幕上的特定点。

<a href="#top" class="your-class">
    <img src="#" />
</a>

在你的CSS中

.your-class {
    position:fixed;
    bottom:0;
    right:0;
}

https://jsfiddle.net/qx65xcvv/

您需要使用边距/填充来将其定位到您想要的位置，但这是基本想法。

Answer 2

最简单的解决方案

<a href="#" id="top"></a>

#top{
    width: 100px;
    height: 50px;
    position: fixed;
    bottom: 0px;
    right: 20px;
}