1

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

这可能与CSS有关吗？

编辑：抱歉写得太匆忙了，让我试着解释一下。

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

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

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

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

4

5 回答 5

1

做这样的事情：

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 属性指定元素的堆栈顺序。具有较大堆栈顺序的元素始终位于具有较低堆栈顺序的元素之前。

检查此以获取有关 z-index 的更多信息

于 2012-05-13T16:14:32.497 回答
1

这是可能的。尝试更改父 div 的不透明度。例如 $("#childdiv").css({ opacity: 1.0 }); $("#parentdiv").css({ 不透明度：0.75 });

于 2012-05-13T16:15:30.047 回答
1

只是把它扔在那里......我正在使用它来将背景图像放在登录屏幕后面......

 <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-13T16:58:23.747 回答
1

我想你想在内容 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-13T16:16:08.007 回答
1

我最终将“背景图片”放在另一个 div 中并使用负边距。很抱歉造成混乱，但没有其他解决方案对我有用。

于 2012-05-13T16:25:51.393 回答