项目写好之后,用安卓手机测试没有问题,但是在苹果手机上按钮却不见了,在大约的位置点了下,发现按钮的事件依然可以触发,这说明我按钮被挡住了,即使把 z-index 数值调到很大也不管用。
后来在写了 transform:translatez(200px) 就OK了。数值大小根据自写的页面而定。
p.menu{
position: fixed;
top:10px;
right: 0;
z-index: 99999;
transform: translatez(200px);
}
项目写好之后,用安卓手机测试没有问题,但是在苹果手机上按钮却不见了,在大约的位置点了下,发现按钮的事件依然可以触发,这说明我按钮被挡住了,即使把 z-index 数值调到很大也不管用。
后来在写了 transform:translatez(200px) 就OK了。数值大小根据自写的页面而定。
p.menu{
position: fixed;
top:10px;
right: 0;
z-index: 99999;
transform: translatez(200px);
}