拆分头CSS

Question

我想了解如何将网站标题放在一起;导航背景的宽度应为100％，但问题是试图围绕徽标的形状实现透明度。

我使用的是960像素宽的容器，我希望徽标显示在左侧，然后继续使用绿色导航背景。有关如何使用CSS实现此目的的任何想法？

这是模型，所以你可以看到所需的结果：

我使用了 Under Construction 页面的临时解决方案，这里是它的快照，也许这会指出你正确的方向：

Answer 1

这是一个快速版本来制作此http://jsfiddle.net/fxQej/。可能有一种更快捷的方式，但至少这种方法有效。

HTML：

<div class="container">
    <div class="back">
        <div class="nav"></div>
    </div>
</div>

CSS：

.container {
    width:960px;
    height:500px;
    background-color:blue;
}
.nav {
    width:960px;
    height:90px;
    background-image:url('http://i43.tinypic.com/n650qq.png');
    background-repeat:no-repeat;
    background-position:70px 0px;
}
.back {
    width:960px;
    height:90px;
    background-image:url('http://i39.tinypic.com/25inc3p.png');
    background-size:960px 45px;
    background-repeat:no-repeat;
    background-position:0px 25px;
}