Question

我正在使用大约8-10个div元素..所有可调整大小和可拖动..现在我想避免在可调整大小或可拖动的情况下每个元素在其他元素上重叠。我可以这样做吗？我觉得javascript，html，css，jquery代码对我来说更有帮助..请帮助我... 2个元素的部分代码将是这样的......

<!--Reizable and draggable for the HEADER widget**************-->
$(function() {
        $( "#placeLabel" ).draggable();
        $( "#placeLabel" ).resizable({
                ghost: true,
                handles: "n, e, s, w"

                                  });
    });

<!--Reizable and draggable for the TWITTER widget**************-->
$(function() {
        $( "#twitterLabel" ).draggable();
        $( "#twitterLabel" ).resizable({
            ghost: true,
            alsoResize: '#twt',
            alsoResize: '#tweets',
                handles: "n, e, s, w"
                                  });
    });

Answer 1

听起来css中的z-index可以帮助你，但我不确定这是否适用于这种情况，因为我没有任何可拖动的经验。

z-index:1; /* for the bottom div */
z-index:100; /* for the top div */

试一试，看看它是否有效。

在draggable期间如何避免div元素的重叠？

1 个答案: