漸變邊框褪色周圍的CSS/HTML

您好我試圖找出如何創建淡入一個div的背景色邊框，這是唯一的解決方案，我能想出格。我已經搜索了一下，似乎人們提出CSS3，但我被告知它仍然是「正在開發中」，並沒有在現代瀏覽器中完全引入，糾正我，如果我錯了，可能是。漸變邊框褪色周圍的CSS/HTML

反正這是我想出瞭解決方案，是否有這樣做的更簡單的方法或者這是一種合理的做法？在邊框的每個部分

創造了無數的div（如下），並設置其背景圖像根據邊界的一部分：http://i.imgur.com/sh6Z8.png

（新建web開發和堆棧溢出，抱歉，如果我做任何非正統的，謝謝）。

2011-09-09 LylatWars

所以蒂姆已經有說過，如果你的網站的寬度是靜態的，你可以做這樣的事情（其實即使CSS3可能是不錯的選擇，爲您的使用情況下，這是一個超級簡單的...）

http://jsfiddle.net/Xtw84/3/ - 這是從以前的答案，讓邊緣不軟，但這個想法是一樣的。（無關緊要）我還在後臺添加了圖像，以便您可以看到如何工作。 Theres沒有必要..實際上沒有意義將背景圖片分成一半。

繼承人多一點精簡版吧。 http://jsfiddle.net/Xtw84/4/

用CSS3我會用箱陰影做到這一點，只是擴大了陰影儘可能多的需要。

2011-09-09 08:14:58 Joonas

是的，這是我找到的CSS3解決方案。 – LylatWars

是您的佈局將是流體？例如它會在寬度/高度上增長嗎？如果寬度不會增加，那麼沒有理由不能設置背景圖像。

對於自己在做什麼，我不會用梯度邊界，只是堅持與背景圖像。

2011-09-09 07:58:39

寬度不會增長，但寬度會增加，這就是爲什麼我只使用「100％」，以便隨瀏覽器高度變化。如果寬度增長，我不能只將頂部邊框和寬度邊框設置爲容器的100％，以便隨瀏覽器一起更改？感謝您的快速響應。 – LylatWars

@LylatWars所以，即使實際內容高度達不到底部，您也希望內容區域始終「伸展」到底部？在我的答案中，與Tim的答案或多或少一樣，但是有一個例子。其中內容區域具有流體高度，其高度由內容量決定。 – Joonas

@Lollero，啊我得到你，對不起慢，把它分成3個圖像來處理流體高度，我假設我已經完成它的方式也處理流體寬度，但大多數時候它並不是真的需要有一個流體寬度...好吧，謝謝。 – LylatWars

回答