Button for scroll to top not view

Place to talk about website HTM elements, CSS style and design, and get help with HTML, CSS codes.
mluci12
Posts: 39

Button for scroll to top not view

Look at mluci.com/d/cont.php .The scroll up burton don't view. He is behind.Why?
This is the css code:

Code: Select all

/* BackToTop button css */
#scroll {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#3498db;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
And html:

Code: Select all

<div style="position:absolute;bottom:0;right:0;width:100px;height:100px;">
  <a href="javascript:jumpScroll1()" id="scroll" title="Scroll to Top" style="display: none;">Top<span></span></a>
</div>

Admin Posts: 805
Hi,
It is not viewed because it has display:none;. Delete the "display:none;" from html and css; and add: z-index:9999; in css to #scroll.