HTML 溢出 CSS 不起作用

Question

Webpage I am referencing

CSS:

a img {
        bottom: -30px;
        right: 0;
        position: absolute;
        overflow: hidden;
        -webkit-transition: all .1s ease-in-out; 
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
}
a img:hover {
        transform: translate(0,-30px);
        -webkit-transform: translate(0,-30px);
        -o-transform: translate(0,-30px);
        -moz-transform: translate(0,-30px);
}

图像 HTML:

<a href="index.html"><img src="images/tag.png" height="100" width="119"></img></a>

在 1080p 屏幕上查看网页看起来没有任何问题。但有些人的屏幕分辨率确实较低。

例如:

http://imgur.com/a/KK9GB

如您所见，“标签”并没有粘在页面底部。任何帮助都会很棒!谢谢!

Answer 1

您是否希望它始终位于屏幕底部，无论如何？如果是这样，

改变:

position: absolute;

收件人:

position: fixed;