Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 左侧菜单垫-使一侧部分模糊和透明_Html_Css_Transparent_Blur - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 左侧菜单垫-使一侧部分模糊和透明

Html 左侧菜单垫-使一侧部分模糊和透明

html css

Html 左侧菜单垫-使一侧部分模糊和透明,html,css,transparent,blur,Html,Css,Transparent,Blur,你们可以在邮局找到这张照片。我实现了侧菜单，当将鼠标悬停在菜单项上时，旁边会弹出另一个菜单，带有选项（在本例中，它实际上是带有标题样式的菜单）。正如你们所看到的，在右边，它有点透明和模糊，我怎样才能达到这个效果呢？此外，它的滚动条始终可见，但我的滚动条消失了。如何实现这两个设计特性 我试图用这把小提琴再现你的形象 css过滤器属性将模糊整个元素，因此每个子元素也将模糊 filter: blur(5px); 改用： backdrop-filter: blur(5px); 只需使用滚动条的样式

你们可以在邮局找到这张照片。我实现了侧菜单，当
将鼠标悬停在菜单项上时，旁边会弹出另一个菜单，带有选项（在本例中，它实际上是带有标题样式的菜单）。正如你们所看到的，在右边，它有点透明和模糊，我怎样才能达到这个效果呢？此外，它的滚动条始终可见，但我的滚动条消失了。如何实现这两个设计特性


我试图用这把小提琴再现你的形象

css过滤器属性将模糊整个元素，因此每个子元素也将模糊


filter: blur(5px);


改用：


backdrop-filter: blur(5px);





只需使用滚动条的样式，但它应能正确呈现
到目前为止您尝试了什么？请编辑您的问题以包含一个。有css属性
过滤器：blur（10px）背景=，结合不透明度将得到结果。请记住，对于浏览器来说，渲染模糊效果非常昂贵，这可能会花费您更长的时间来渲染页面