如何设计这样的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菜单更高的差距，并把绿下蓝？