将div放在另一个div的背景下

不确定这是否可行，但我有一个带有“边框”背景的div。在这个div里面是另一个存放内容的div，我希望这个div出现在边框下面。将div放在另一个div的背景下

这可能与CSS有关吗？

编辑：很抱歉写这篇文章，让我试着解释一下。

父DIV使用背景图像像这样：

background-image: url(images/SomeImage.png)

SomeImage.png仅仅是出现在div的顶部自定义边框。

我在这个父div中有一个子div，我希望它出现在SomeImage.png下面。这可能吗？

来源

2012-05-13 TheGateKeeper

？ z-index堆叠？或定位，使内容div显示在屏幕上低于背景div？ –

我更新了问题。 – TheGateKeeper

我最后决定将 “背景图片” 在另一个DIV和使用负利润。对不起，我感到困惑，但没有其他解决方案为我工作。

来源

2012-05-13 16:25:51 TheGateKeeper

我想我们都不明白你的问题开始。很高兴你解决了你的问题。 – Jake

是的，它很难解释没有图像，我可以找到没有合适的图像。 – TheGateKeeper

做这样的事情：

HTML

<div id="border-bg"> 
    <div id="content"> 
     Your content goes here 
    </div> 
</div>

CSS

#border-bg { 
    background:url(images/border.png) no-repeat; 
    z-index:100; 
    position:relative; 
} 
#border { 
    z-index:10; 
    position:relative; 
}

确保添加width和边界图像的height。

z-index属性指定元素的堆栈顺序。堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。

Check this for more info about z-index

来源

2012-05-13 16:14:32 Libin

它是正确的。尝试更改父div的不透明度。例如（例如 $（“＃childdiv”）.css（{opacity：1.0}）; （“＃parentdiv”）。css（{opacity：0.75}）;

来源

2012-05-13 16:15:30 mariosk89

请将你的样式写成CSS而不是jQuery。 – Hawken

你是对的。我是新的在stackoverflow，我没有注意到标签。顺便说一句，我不知道如何使用CSS来做到这一点。我只在我的网站 – mariosk89

'#childdiv {opacity：1;}'和'#parentdiv {opacity：.75;}'分别使用JQuery。你是如何在CSS之前学习jQuery的？ – Hawken

我认为你想对内容div应用内部影子http://sublimeorange.com/css/css3-inner-shadow/？

<div id="border-frame" style="padding: 10px; background-color: red"> 
<div id="content" style="padding: 10px; box-shadow:inset 0 0 10px #000000; background-color:white"> 
this is some great text 
</div> 
</div>

http://jsfiddle.net/gzbVG/

来源

2012-05-13 16:16:08 Jake

下怎么就扔了这一点那里... 我用这把背景图像的登录屏幕后面...

<table align=center width=100% border=0 cellpadding=0 cellspacing=0 background="images/image.png" STYLE="background-repeat: no-repeat; background-position:center"> 
<tr> 
<td align=center valign=middle height="350" background="images/loginimage.png" STYLE="background-repeat: no-repeat; background-position:center"> 

Content Here 

</td> 
</tr> 
</table>

来源

2012-05-13 16:58:23

将div放在另一个div的背景下

回答

相关问题