如何重新創建'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的原因是，如果你需要做一些計算。在我的小提琴中，我的容器的寬度是一些靜態值，但如果該容器會動態改變其大小，則需要添加一些事件處理！祝你好運。