html – 如果div在上面,则隐藏边框

我有一个< 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?但是传说中使用了背景颜色：#FFF,这对我没有多大帮助：/

解决方法

未经测试的理论,但也许你可以给#header提供与身体背景相同的渐变背景,然后将#header的背景位置(使用js)偏移到相对于身体的X和Y位置？

基本上我建议一种掩蔽效果.

编辑：将#content替换为body,以更符合OP的当前代码示例.

原文地址：https://www.jb51.cc/html/226766.html