html - 如果 div 在上方则隐藏边框

Question

我有一个 <div id="content">带边框。在这个div之上是另一个<div id="header">与一些文字。我想在边框上显示文本，但我不想显示它。

为了便于解释，我在这里发布了我的源代码:http://jsfiddle.net/4HSEn/这就是我想要实现的目标:

文本将是动态的，背景将是渐变的。所以图像不是解决方案。

我知道如何使用 fieldset 实现这一目标和 legend标签，但我正在寻找带有 div 或任何其他标签的解决方案。

在这里找到了一些东西:Is it possible to achieve a <fieldset>-like effect without using the <fieldset> tag?但对于 legend使用了背景颜色:#FFF，这对我没有太大帮助:/

Answer 1

未经检验的理论，但也许您可以为#header 提供与主体背景相同的渐变背景，然后使用相对于主体的 X 和 Y 位置偏移#header 的背景位置(使用 js)？

基本上我是在暗示一种掩蔽效果。

编辑:将#content 替换为 body，以更符合 OP 的当前代码示例。