Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 SVG渲染在一切之上_Html_Reactjs_Svg_Google Visualization_Material Ui - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html SVG渲染在一切之上

Html SVG渲染在一切之上

html reactjs svg google-visualization material-ui

Html SVG渲染在一切之上,html,reactjs,svg,google-visualization,material-ui,Html,Reactjs,Svg,Google Visualization,Material Ui,是我们遇到这个问题的网站。。。。它位于选项面板左侧的日期选择上 Google图表和材质图标都显示在日期选择器（）的顶部，如下所示。。。？？我们更换了日期选择器，同样的事情仍然发生。有什么线索吗 z-index也不会改变任何东西，因为日期选择器似乎并不关心它的z-index是什么 问题 问题是类为Settings-Settings-1316548938的div，如下所示： .Settings-settings-1316548938 { position: fixed; } 位置：固定创

是我们遇到这个问题的网站。。。。它位于选项面板左侧的日期选择上

Google图表和材质图标都显示在日期选择器（）的顶部，如下所示。。。？？我们更换了日期选择器，同样的事情仍然发生。有什么线索吗

z-index也不会改变任何东西，因为日期选择器似乎并不关心它的z-index是什么

问题 问题是类为
Settings-Settings-1316548938
的
div
，如下所示：

.Settings-settings-1316548938 {
    position: fixed;
}

位置：固定
创建一个新的，它封装了
.month picker
试图创建的新的（使用
位置：相对
和
z索引：9999999
）

由于不超过：


    

  • .MuiAppBar-positionFixed-2227438490
    • 

  • .Settings-Settings-1316548938
    • 

  • .month picker
    • 


而
.month picker
是
.Settings-Settings-1316548938
中的一个内部选择器，这导致了问题。




解决方案

简单：


.Settings-settings-1316548938 {
    position: fixed;
    z-index: 99; // or any other positive number
}


为什么？

因为
位置：固定
创建了一个新的但没有
z-index
属性的元素，元素按出现顺序堆叠。因此svg元素位于日期选择器元素之后，这就是为什么需要在
Settings-Settings-1316548938
类上指定
z-index

你也必须明白我说的是什么意思。因此，请按照链接阅读文章


希望这有帮助
 检查此-->检查我的答案！谢谢你的回答和解释！！这就解决了。