Template:12SJTU scroll2top css
From 2012.igem.org
(Difference between revisions)
Huanan1991 (Talk | contribs) (Created page with "<html> <head> <style type="text/css"> </style> </head> </html>") |
Huanan1991 (Talk | contribs) |
||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | .back-to { | ||
+ | position: fixed; | ||
+ | bottom: 35px; | ||
+ | *bottom: 50px; | ||
+ | right: 10px; | ||
+ | z-index: 999; | ||
+ | width: 50px; | ||
+ | zoom: 1; | ||
+ | background-position: -50px 0 | ||
+ | } | ||
+ | |||
+ | |||
+ | .back-to .backtotop { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | background: #666 url(/wiki/images/3/3b/12SJTU_btt.png) 8px -57px no-repeat; | ||
+ | margin-bottom: 15px; | ||
+ | outline: 0 none; | ||
+ | text-indent: -9999em; | ||
+ | -webkit-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | position: relative | ||
+ | } | ||
+ | .back-to .backtotop:hover { | ||
+ | background-color: #333; | ||
+ | background-position: 8px 13px | ||
+ | } | ||
+ | .back-to .backtotop .back-tip { | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | top: -31px; | ||
+ | left: -10px | ||
+ | } | ||
+ | .back-to .backtotop:hover .back-tip { | ||
+ | visibility: visible | ||
+ | } | ||
+ | .back-to .back-top:hover { | ||
+ | background-position: -50px 0 | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 03:38, 7 September 2012