Question

我想要一个＆lt; p>我给了一个固定的位置（右）在移动设备上消失。菜单当前显示在移动设备上的照片顶部，看起来不太好。我一直在测试我的android（三星）和Android浏览器。

这是代码：

p.pos_fixed
{
position:fixed;
top: 70%;
left: 93%;
margin-left: 0px;
}

之后＆lt;身体＆gt; ：

<p class="pos_fixed">
 <a href="http://www.bjarteedvardsen.com/brollop" />Portfolio</a> «
 <br/><a href="http://www.bjarteedvardsen.com/brollop/blogg" />Blogg</a> «
 <br/><a href="http://www.bjarteedvardsen.com/brollop/info" />Info</a> «
 <br/><a href="http://www.bjarteedvardsen.com/brollop/kontakta" />Kontakta</a> «
 <br/><a href="http://www.bjarteedvardsen.com/brollop/bjarte" />Bjarte</a> «
 <br/><a href="http://www.facebook.com/bjarte.edvardsen" target="_blank" />Facebook</a> «
</p>

该网站为www.bjarteedvardsen.com/brollop。

Answer 1

您需要添加一个z-index，例如：

p.pos_fixed
{
  position:fixed;
  top: 70%;
  left: 93%;
  margin-left: 0px;
  z-index:999;
}

z-index告诉浏览器什么是最重要的，数字越高，顶部越高。默认值为0，可以使用负值，但可能对您不实用。

使移动设备上的固定位置菜单消失

1 个答案: