2013-10-04 5 views
19

Ho difficoltà ad aggiungere un pulsante fisso nella parte inferiore della mia pagina web. Ho provato diversi numeri con i pixel, ma il pulsante non è stato mostrato sotto la pagina sulla destra.Come aggiungere il pulsante fisso in basso a destra nella pagina

HTML

<a href="#head"><img src="upbutton.png" id="fixedbutton"></a> 

CSS

.fixedbutton { 
    position: fixed; 
    bottom: 560px; 
    right: 1000px; 
} 
+6

Si dovrebbe usare '# fixedbutton' come selettore. –

risposta

36

si specifica .fixedbutton nel CSS (una classe) e specificando il id sull'elemento stesso.

Cambiare il CSS a quanto segue, che selezionerà la id fixedbutton

#fixedbutton { 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
} 

Ecco un jsFiddle per gentile concessione di JoshC.

+2

http://jsfiddle.net/tWpkf/ –

+0

In realtà l'ho chiamato td # fixedbutton, quindi ora è apparso. Ma il pulsante non è allineato a dove voglio che sia. –

+0

Beh, dove lo vuoi? – chopper