css - 我怎样才能在 CSS 中做到这一点？一个元素上的透明背景位于另一个具有背景的元素内

Question

这可能吗？我的 CSS 还不错，但我不能不能绕过这个。我想在页眉后面使用背景图片，但我希望页眉“剔除”背景图片，将背景留在任一侧。我希望这是有道理的。

我做了一个 fiddle ，以防有人想来一场狂欢……谢谢!

http://jsfiddle.net/CnVBU/

Answer 1

最简单的方法是使用 border-image。查看更新后的 fiddle here .

这是它的 CSS(多个浏览器):

.container { 
    border-width: 20px;
    -moz-border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    -webkit-border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    border-image: url(http://fc09.deviantart.net/fs71/f/2010/163/2/d/PixelBackground_02_by_Kara1984.jpg) 27 round;
    text-align:center;
}

我用 Border-Image.com 生成了这段代码(因为自己写这个很困惑:P)。