將一個物體移動到屏幕的一角

Question

[刪除]

隱藏信息，因爲它很差，只能通過簡單的搜索來回答。

Answer 1

只需添加CSS

position: fixed; bottom:0; right:0; 

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

Answer 2

你應該在元素上添加CSS position: fixed; bottom: 0; right: 0得到它在屏幕的右下角。 right: 0是元素距父對象右側的距離，這是此實例中的屏幕，因爲我們給它一個固定的位置。爲了得到它旁邊的另一個元素，而不是ontop，他將不得不增加一些額外的權利，如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>