将对象移动到屏幕的一角

时间:2016-04-12 19:31:40

标签: html

[DELETED]

隐藏信息,因为它的措辞很差,并通过简单的搜索来回答。

2 个答案:

答案 0 :(得分:1)

只需添加css

即可
position: fixed; bottom:0; right:0;

https://jsfiddle.net/5ennwx7p/1/

答案 1 :(得分:0)

您应该在元素上添加css position: fixed; bottom: 0; right: 0以获取它在屏幕的右下角。 right: 0是元素距父对象右边的距离,在这个例子中是屏幕,因为我们给它一个固定的位置。为了让它与另一个元素相邻,而不是在它的上面,他必须在右边添加一些金额,比如right: 20px

此外,您可以添加ID以轻松选择css中的元素。

<img id="radioButton" src=.../play.png  onclick="javascript:toggleSound();">

<style>
    #radioButton {
        position: fixed;
        bottom: 0;
        right: 20px;
    }
    #radioButton:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
</style>