Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 分区中的真实透明空间。没有文本,只有背景可见_Html_Css - Fatal编程技术网

Html 分区中的真实透明空间。没有文本,只有背景可见

Html 分区中的真实透明空间。没有文本,只有背景可见,html,css,Html,Css,我有一个带背景的DIV,其中有一个文本和另一个固定DIV,它放在带背景的第一个DIV上。我给一个固定的DIV一个颜色,文本在它后面,我不给DIV一个颜色(希望它透明),文本在上面,我给DIV一个透明度,背景和文本都是可见的 <div id="transparent"></div> <!-- fixed --> <div id="content"> <!-- content with background and text --> c

我有一个带背景的DIV,其中有一个文本和另一个固定DIV,它放在带背景的第一个DIV上。我给一个固定的DIV一个颜色,文本在它后面,我不给DIV一个颜色(希望它透明),文本在上面,我给DIV一个透明度,背景和文本都是可见的

<div id="transparent"></div> <!-- fixed -->
<div id="content"> <!-- content with background and text -->
  content content content content content content content content content content content content content content content content content content 
</div>

内容内容内容内容内容内容
我想实现主背景,主文本和一个固定的DIV,只显示背景而不显示任何文本(但是我不想在它上面应用另一个被裁剪的背景图像)

以下是我想要实现的目标:

下面是JSFIDLE,看看它现在的样子:

看看我的小提琴:

我将
#transparent
div css编辑为:

#transparent
{
    position:fixed;
    background:url('http://c.dryicons.com/files/graphics_previews/blue.jpg') no-repeat top left;
    background-attachment: fixed;
    left:45px;
    top:300px;
    width:400px;
    height:30px;
}

很确定那是不可能的。“我可能错了,但我不认为我错了。”比利·莫特我可以。。。看看我在回答中的技巧:)@D.A.V.O.D-我应该重新措辞我的答案。我认为不使用背景图像是不可能做到的@比利·莫特是的,没错,这是这个问题的唯一解决方案!而没有背景图像是无法做到的!因此,您认为如果不对应该透明的固定div应用相同的背景,就无法实现这一点,对吗?以前,我也知道你做了什么,我认为会有更好的解决办法。如果没有这样的解决办法,我会感激地接受你的回答。谢谢。@tmpmember不,这不能在没有背景的情况下完成,因为如果文本是透明的背景附件,文本总是在div上覆盖:固定;也会有同样的效果。在我的生活中容易一点opinion@colosso没有背景图像?
#内容的背景附件
?不,您必须有背景图像,只需省略背景位置并使用背景附件:固定(在#透明中)