6

这是 GWT 应用程序的 DOM 的一部分。<span>代表一个箭头，下面的那个<div>代表一个正方形。代码重复，所以这是正确的： ARROW1 SQUARE1 ARROW2 SQUARE2

Square1具有缩放样式，因此它实际上大于Square2，并且应该与 Arrow2 重叠。这就是问题所在：Square1应该显示 OVER Arrow2（这就是它z-index:1和Arrow2' 的原因z-index:0）。但是，反过来：Arrow2 显示在 Square1 上方。

这发生在 Google Chrome 中，但在 IE9 中运行良好。有任何想法吗？谢谢！

<div style="width:489PX;margin-left:auto;margin-right:auto;">
  <div style="cursor:pointer;">
    <div id="p379ehovd03-1" style="z-index=1;">
      /***** ARROW 1 BELOW *****/
      <span id="p21023d9223" style="z-index=1;"></span> 
      /***** SQUARE 1 BELOW *****/
      <div id="qu39rtgh93he-1" style="width:126PX;height:100PX;z-index=1;-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1); -moz-transform-origin: center center;-webkit-transform-origin: center center;-o-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;z-index: 1">
        <p>adsfadsfasdfa</p>
      </div>
    </div>
  </div>
  <div style="cursor:pointer;z-index:0;">
    <div id="p379ehovd03-2" style="z-index:0;">
      /***** ARROW 2 BELOW *****/
      <span id="p2782bhsd29" style="display:block;z-index:0;"></span>
      /***** SQUARE 2 BELOW *****/
      <div id="qu39rtgh93he-2" style="width:126PX;height:100PX;"> 
        <p>adsfadsf</p>
      </div>
    </div>
  </div>
</div>
4

3 回答 3

4

它可以在Square1 的 DIV 上添加position: absolute 。

于 2012-11-23T16:05:08.873 回答
4

无论是绝对位置还是相对位置，添加位置都将起作用

于 2016-07-28T19:14:04.263 回答
2

将此添加到 span 元素：

display:block;
于 2012-11-23T15:42:47.600 回答