拆分標題CSS

Question

我想要一些關於如何完成將網站標題放在一起的輸入;導航背景寬度應爲100％，但問題是試圖完成徽標形狀周圍的透明度。

我使用的是960像素寬度的容器，我希望徽標出現在左側，然後繼續使用綠色導航背景。任何想法，我怎麼可能使用CSS完成這個？

這裏的實體模型，這樣你就可以看到想要的結果：

我用於正在建設頁治標不治本，這裏是它的一個快照，也許這將指向你在正確的方向：

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; 
}