Question

手机端的这种div怎么写。logo置于最上层怎样才能不覆盖左右两个“收藏”“拨号”的链接。logo要居中显示

如果设置logo属性为z-index：9999的话，那么左右两个div就会被覆盖，不能点击超链接了。不要设置margin-top为负数这种方法。

Answer 1

1. logo 肯定是在左右两个div上面的，z-index应该是相对最高；

2. 定位的话应该是给logo加一个绝对定位。例如logo宽度是100px,

    .logo{

        position: absolute;

        left: 50%;

        top: 0;

        margin-left: -50px;

        width:100px;

        height: 100px;

        border: 2px solid #FFF;

        border-radius: 50%;

        box-sizing:border-box;                 

    }

    这样基本就居中了；

  3.  即使logo是最高层，只要面积没有完全覆盖左右两个div，基本不会影响超链接的。

Answer 2

logo设置好宽高，定位到中间不行么~