Google maps 如何在-webkit转换链中强制div的绝对位置？_Google Maps_Css_D3.js_Webkit Transform

Google maps 如何在-webkit转换链中强制div的绝对位置？

google-maps css d3.js

Google maps 如何在-webkit转换链中强制div的绝对位置？,google-maps,css,d3.js,webkit-transform,Google Maps,Css,D3.js,Webkit Transform,我原始问题的简化形式。给定下面的代码（对于Chrome/Safari），如何使内部div中的“文本”显示在左上角，而不知道外部div的转换矩阵中的值 <body> <div style="-webkit-transform: matrix(1, 0, 0, 1, 100, 50);"> <div style='background-color: #f00; -webkit-transform: none; left: 0px; top: 0px; pos

我原始问题的简化形式。给定下面的代码（对于Chrome/Safari），如何使内部div中的“文本”显示在左上角，而不知道外部div的转换矩阵中的值

<body>
  <div style="-webkit-transform: matrix(1, 0, 0, 1, 100, 50);">
    <div style='background-color: #f00; -webkit-transform: none; left: 0px; top: 0px; position: fixed'>text</div>
  </div>
</body>


文本

无论我在CSS方面做了什么尝试，我都不能让内部div忽略外部transform（）。从规范上看，它似乎是-webkit transform:none应该清除转换堆栈，和/或position:fixed；但对我来说什么都不管用。我在Firefox（“transform”）中尝试过相关代码，但也有同样的问题

原始公式：我尝试使用的是设置为google.maps.OverlayView并直接定位在我的google地图容器顶部的，两个都是600x400，固定在左上角。你可以看到这张照片

在拖动贴图之前，这一切都很正常，此时它正在重新定位我的SVG容器，这显然是由于父div之一中的-webkit transform:matrix（…）：如果我在Chrome DevTools中关闭该行，我的overlayview将返回到正确的位置。我需要overlayview与地图视口保持一致，因为我在地图移动时刷新内容。

听起来你的overlay div应该完全分开，这样你就可以独立定位。不幸的是，我没有选择，因为它是由google maps API放在那里的。如果我把它画成一个单独的div，那么我不认为我可以把它放在googletile层和map控件之间。