最近在写一个视频背景的网页,视频背景在PC端显示正常,但是很多国产移动浏览器会强制把video标签置顶,即使z-index属性为负数,并且强制使用浏览器自带的播放器组件播放,这样会破坏掉网页本身的视频背景,下面的方法可以适当规避大部分国产浏览器这样的做法...
最近在写一个视频背景的网页,视频背景在PC端显示正常,但是很多国产移动浏览器会强制把video标签置顶,即使z-index属性为负数,并且强制使用浏览器自带的播放器组件播放,这样会破坏掉网页本身的视频背景,下面的方法可以适当规避大部分国产浏览器这样的做法...
使用SRC属性直接实用<img>标签的src=""属性是最为方便的方法,示例如下,可以去百度搜在线Base64转图片,就有很多在线工具可以直接用<img src="data:image/png;base64...
高斯模糊大家都很熟悉,最先想到的可能是filter:blur(20px);,但是这个模糊只是控件本身模糊,背景并不会模糊,如果想要背景动态模糊使用下面的代码属性功能saturate()饱和度blur()模糊值backdrop-filter: satura...