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的当前代码示例.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些