html - 渐变边框用 css/html 淡化周围的 div

Question

您好，我想弄清楚如何创建一个逐渐淡入 div 背景颜色的边框，这是我能想到的唯一解决方案。我四处搜索，似乎有人建议使用 CSS3，但我被告知它仍在“开发中”，并没有完全引入现代浏览器，如果我错了，请纠正我，可能是。

无论如何，这是我想出的解决方案，是否有更简单的方法或者这是一种合理的方法？

为边框的每个部分创建了多个div(如下)，并根据边框的部分设置它们的背景图像:http://i.imgur.com/sh6Z8.png

HTML 和 CSS:http://codeviewer.org/view/code:1e4f

(网络开发和堆栈溢出的新手，抱歉，如果我做的是非正统的事情，谢谢)。

Answer 1

所以正如 Tim 已经说过的那样，如果您网站的宽度是静态的，您可以做类似的事情(事实上，即使 css3 可能是您使用案例的不错选择，这也非常简单...)

http://jsfiddle.net/Xtw84/3/ - 这是来自先前的答案，所以边缘不是软的，但想法是一样的。 (没关系)我还在背景中添加了图像，这样你就可以看到它是如何工作的。没有必要.. 将背景图像切成两半实际上没有任何意义。

这是它的精简版本。 http://jsfiddle.net/Xtw84/4/

---

对于 css3，我会使用 box-shadow 来做到这一点，并根据需要尽可能多地扩展阴影。