如何設計這樣的div和菜單

Question

我正在設計一個HTML5菜單。 有人可以告訴我如何實現附加圖像中的內容嗎？ 目前我無法填補菜單圖像（綠色）& DIV背景顏色之間（天藍色）

Answer 1

假設「BLUE BRIDGE」是單獨的圖像，每個頁面上的特定菜單標籤處於活動狀態，通過設置其邊距左屬性來重新定位圖像。

您可以使用Javascript。

getElementByID('blue-bridge').style.marginLeft = "position px"; 

如果您使用的是母版頁建立自己的網站，那麼你可以通過一個簡單的變量保持合適的位置給JavaScript函數。

EX：在PHP母版頁：

內容頁：

<?php 
    $ml=5px; //10px //20px .. depending the page. 
    include('masterpage.php'); 
?> 

母版頁：

function setMargin() 
{ 
    getElementByID('blue-bridge').style.marginLeft = "<?php echo $ml; ?>px"; 
} 

有一個好的一天。

編輯1：忘了告訴;在保存特定圖像的適當標籤中使用ID。 :)

Answer 2

的z-index菜單更高的差距，並把綠下藍？