前端网页在手机端播放视频时菜单下拉被遮挡住,请问如何破解

发布网友发布时间：2022-04-26 01:48

共4个回答

热心网友时间：2022-05-02 03:34

给网站设个响应式：当窗口宽度到多少像素的时候，下拉条不显示或者在其他地方显示，或者显示的高度小到不能遮住下面的内容就可以了用媒体查询就可以实现（@media）

这样既不影响pc端的美观，也不影响手机端的美观，纯手打求采纳，希望可以帮助到您

热心网友时间：2022-05-02 04:52

下拉菜单打开时
js：video.load();video.pause();
最简单的解决办法追问部分手机浏览器自带对视频进行浮动处理，面对这样的情况依靠这个能解决吗？具体怎样？是改变视频播放样式解决吗？能提供下思路demo吗？

热心网友时间：2022-05-02 06:26

下拉菜单内容和视频都用定位，再用z-index设置，应该可以解决你的问题追问请问用什么定位，能提供下例子吗

追答比如视频用相对定位：position：relative
下拉内容用绝对定位：
position：absolute

热心网友时间：2022-05-02 08:18

z-index是要在使用定位的情况下才有效果的