《求助》求教一个移动端浏览器前端按钮的显示问题

Question

如图，现在我希望将页面上的按钮变成这样并设置为永久置底。但我自己写的按钮几乎都是有着清晰的边界的那种按钮（就像原生按钮那样），非常难看。请问如何实现类似于上图的这种显示方式？自己能力有限，求教下大家。

Answer 1

永久置底的话给底部菜单盒子用固定定位样式：position:fixed; bottom:0; left:0；按钮不好看，我一般是这样：<div><!--底部菜单-->    <div><!--按钮一-->      <a href="#">        <img src="" />        <p>按钮名称</p>    </a>  </div>  <div> <!--按钮二-->    <a href="#">        <img src="" />        <p>按钮名称</p>    </a>  </div></div>用div包a做的，图标直接用切好的图片，然后在样式里去调整它。如果是html5的话，你也可以在图标库中找好看的用。

Answer 2

不太明白意思，置底的话，直接定义postation就行啊，按钮不好看的话，可以调整下按钮的样式，上图这种用button不好处理，用块级标签模拟下touch或者点击事件就可以

Answer 3

定位。