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

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

css jquery

Cristian · 技术社区 · 16 年前

我正在使用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 回复 | 直到 16 年前

whlk 16 年前

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

IE:

#dragger {
  z-index: 2;
  position: absolute;
  width: ...

}

Cristian 16 年前

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

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

非常感谢。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前