回到顶部按钮

时间:2013-06-21 15:17:18

标签: position sticky

如何让我的回到顶部按钮贴在屏幕的一侧。所以当我调整大小时,它会一直停留在左边?现在我将它放在容器中,它在较小的屏幕上运行良好,但是当我在桌面上看到它时,它就在那个容器中,而不是一直到屏幕的左边。

#back-top {
    position: relative;
    z-index: 1000;
    opacity: .7;
    position: fixed;
    bottom: 30px;

}



#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    font-size: 8px !important;
    width: 75px;
    height: 75px;
    display: block;
    margin-bottom: 7px;
    background:  url(../img/weed2.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

0 个答案:

没有答案