html自动平铺,CSS定位 - 自动填充具有平铺背景的div元素的两侧

我正在制作一个网页，头部有一个始终居中放置的图像，并且我希望沿着X轴放置平铺背景每边但不在其下面，因为它是半透明的。这是容器：CSS定位 - 自动填充具有平铺背景的div元素的两侧

这是CSS：

div {

position: absolute;

}

#header {

height: 166px;

width: 100%;

top: 0px;

}

#header_left{

background-image:url('header_piece.png');

background-repeat:repeat-x;

height: 166px;

display: block;

top: 0px;

left: 0px;

}

#header_center {

background-color: green;

height: 166px;

width: 1200px;

margin-left: -600px;

left: 50%;

top: 0px;

z-index: 2500;

}

#header_right {

background-image:url('header_piece.png');

background-repeat:repeat-x;

height: 166px;

display: block;

top: 0px;

right: 0px;

}

，但我不能得到它的工作。任何想法如何做到这一点？

+0

什么是你从此变得这么远吗？ –

+0

我的中心部分工作正常，但左侧和右侧填满了剩余空间，我根本无法看到它们 –

+0

标题中的图像在哪里？是否在'header_center'内部的div之后，或者是头部的背景图像？ –