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

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

定位。