代码之家  ›  专栏  ›  技术社区  ›  Cristian

出现在另一个后面的分区。如何避免这种行为?

  •  0
  • Cristian  · 技术社区  · 14 年前

    我正在使用jquery。问题是,当我从侧栏拖动一个对象时,我拖动的分区会出现在主区域的后面,因此看起来非常糟糕。我对这个问题进行了截屏: http://i.imgur.com/Xu4GM.png

    我拖动的分区具有以下CSS:

    .reporte_arrastrado{ width: 150px; height: 60px; background-color: silver; background-image: url(chart.png); background-position: left center; background-repeat: no-repeat; padding: 10px 0 10px 26px; position:relative; }

    并且,代表主要区域的那个有这个CSS:

    #tabs{ position:relative; }

    就是这样…我在这里读过一些答案,人们总是建议将position属性设置为relative。但是,它对我不起作用。

    谢谢你的阅读。

    2 回复  |  直到 14 年前
        1
  •  2
  •   whlk    14 年前

    尝试设置可拖动分区的z索引。

    IE:

    #dragger {
      z-index: 2;
      position: absolute;
      width: ...
    
    }
    
        2
  •  1
  •   Cristian    14 年前

    好。。。因为我没有太多的时间…我只是普通地从jquery更改z索引。我就是这样做的:

    $('#stuff').draggable({
        start: function(){
            $('#tabs').css('z-index', '-9999');
        },
        stop: function(){
            $('#tabs').css('z-index', '0');
        }
    });
    

    非常感谢。