锚点绝对定位---回到顶部

Posted 2020-08-19 奋斗的少年WH

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了锚点绝对定位---回到顶部相关的知识，希望对你有一定的参考价值。

 <html>
<head>
  <meta charset="utf-8">
  <title>锚点、绝对定位---回到顶部</title>
<style>
/*position:fixed;绝对定位*/
#image2{
margin-left:90%;
margin-top:35%;
position:fixed;
}
/* 只是纯粹的设置背景图片位置而已
body{
    background-image:url(./111.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:100% 50%;
}
*/
</style>  
</head>
<body>
<a name="top">顶部</a>

<div id="image2">
    <a href="#top">
        <img src="./111.jpg" alt="111"/> 
    </a>
</div>

<table width="100px" height="500px" border="1" cellspacing="0" cellpadding="5px">
    <tr><td>111</td></tr>
</table>
<hr/>
<table width="100px" height="500px" border="1" cellspacing="0" cellpadding="5px">
    <tr><td>222</td></tr>
</table>
</body>
</html>

以上是关于锚点绝对定位---回到顶部的主要内容，如果未能解决你的问题，请参考以下文章

html css 返回顶部按钮位置怎么固定？