Html 分区中的真实透明空间。没有文本,只有背景可见
我有一个带背景的DIV,其中有一个文本和另一个固定DIV,它放在带背景的第一个DIV上。我给一个固定的DIV一个颜色,文本在它后面,我不给DIV一个颜色(希望它透明),文本在上面,我给DIV一个透明度,背景和文本都是可见的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 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没有背景图像?
#内容的背景附件
?不,您必须有背景图像,只需省略背景位置并使用背景附件:固定(在#透明中)