在div外面添加陰影或紋理？ - CSS

Question

我想在網頁中的div元素之外添加紋理和陰影，而不使用「包裝」。

有什麼建議嗎？

---

這是幾個例子：

---

幫助將非常感謝！

Answer 1

我認爲這取決於你想要完成什麼，但總的來說，我認爲你想要做的事情需要某種容器來包含所需的圖形。應用背景圖片來阻止關卡元素可能是最好的，你可以設計一些本地塊級別的元素來實現你想要的東西，而不必增加額外的包裝。

Newgrounds網站在#main div上使用背景圖片並將其居中，而內容爲設置寬度並居中於背景圖片的頂部。 #main div在技術上是一個'包裝'，但這通常是實現特定外觀所必需的。

使用Mozilla專用的-moz-box-shadow css屬性應用Book Lounge頁面上書籍上的投影。這不需要容器的效果，但應用於圖像本身。

也許你可以使用一些CSS3來添加所需的外觀，或者一些JavaScript可能會根據你的需要做伎倆。如果你可以更具體地說明你想做什麼，你可以得到一些更具體的答案。

Answer 2

只需將背景應用於HTML或BODY元素;這樣你就不會添加額外的包裝。