footer transparent overlay

ergibt transparenten fixierten footer ,im hintergrund ist die Seite
scrollen möglich

----- im css --->

#shortcuts { position: fixed; bottom: 0px; width: 100%; color: #666; font-size:

0.9em; margin: 60px 0px 0px; padding: 20px 20px 15px; background: #f3f3f3;

background: rgba(240, 240, 240, 0.7); }
#shortcuts div { width: 460px; margin: 0px auto; }
#shortcuts h1 { margin: 0px 0px 6px; }
#shortcuts p { margin: 0px 0px 18px; }
#shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px

9px; position: relative; left: -3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius:

4px; border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:

1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

@media screen and (max-device-width: 480px) {
#wrapper { position: relative; left: -3%; }
#shortcuts { display: none; }
}

---- in body --->

Keyboard shortcuts:

→ Next track

← Previous track

Space Play/pause

[ ... ]