在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 為什么這個(gè)demo的css在瀏覽器端和在Safari端顯示效果不同？

為什么這個(gè)demo的css在瀏覽器端和在Safari端顯示效果不同？

以下demo，為什么在電腦端可以正常切換圖片，但是我用iphone自帶的Safari，點(diǎn)擊按鈕切換時(shí)，圖片會(huì)把按鈕覆蓋掉？
https://jsfiddle.net/xpu16n9x/

回答
編輯回答
帥到炸

btns{position: fiexd;bottom: 0;right: 0;display: flex;}
btns換成這樣試試

2017年7月20日 18:35
編輯回答
嫑吢丕

chrome移動(dòng)端沒(méi)發(fā)現(xiàn)問(wèn)題，試試

#btns {
    z-index:999;
}
2017年12月24日 21:58
編輯回答
尐潴豬

應(yīng)該是 animation 把 li 的渲染層級(jí)提升了?？梢悦魑闹付?#list & #btns 的 z-index，如下：

#list {z-index: 0;}
#btns {z-index: 1;}

如果不指定層級(jí)可以考慮給 #btn 開(kāi)啟 3d 加速也可以把 #btn 的層級(jí)提升，如下：

#btns {transform: translateZ(0);}
2017年5月13日 06:16
編輯回答
艷骨

給按鈕設(shè)置z-index

2018年8月25日 14:18
編輯回答
呆萌傻

調(diào)整一下z-index

2017年6月2日 06:35