如何重新创建'Overlay and Shadow Classes'的jQueryUI演示

Question

我试图重新创建这里使用的'Overlay and Shadow Classes'效果：有些困难。我想将它应用到一个元素（只覆盖该元素，将该元素的内容居中）等。我找不到任何暗示他们使用了一些jQuery函数来做到这一点。看起来他们只是使用CSS类。我应该学习所有关于他们的CSS课程并使用它们吗？还是有一个快速jqueryui解决方案呢？

Answer 1

那么，你可以用CSS或JQuery来达到效果。但是，真的，这只是一些简单的CSS类。它使用了一个非常简单的概念positioning。容纳你的元素的容器需要定位，并且里面的元素将具有absolute定位。当一个元素为absolute定位在relative容器内时，内部容器的top: 0px和left: 0px将位于外部容器的左上角。查看this fiddle的一个非常简单的例子。

现在你可能在这种情况下使用JQuery的原因是，如果你需要做一些计算。在我的小提琴中，我的容器的宽度是一些静态值，但如果该容器会动态改变其大小，则需要添加一些事件处理！祝你好运。