0
我試圖讓一個從淡藍色到藍色，中心是藍色，右側是藍色到淺藍色的淡入淡出的標題。標題的寬度必須爲100％。有人可以告訴我，如果這是最好的辦法有一個CSS驅動的標題部分，其中包括一個左漸變（背景圖像淡入淡出），一個正確的淡出和中心標題部分..我遇到的問題是，目前的方式溢出/限制我設置像素時，有人決定調整瀏覽器窗口的大小。任何幫助將不勝感激..乾杯。水平向左和向右淡出背景的css頭
<div id="header">
<div id="leftfade"></div>
<div id="header_container">
<div id="languagechooser"></div>
<div id="logo"></div>
<div id="navbar">
<ul>
<li class="navleft"><a href="aa.a">HOME</a></li>
<li><a href="aa.a">xxxxxxxx</a></li>
<li><a href="aa.a">xxxxxxxxxxxx</a></li>
<li><a href="aa.a">xxxxxxxxxx</a></li>
<li><a href="aa.a">xxxxxxxxxxxx</a></li>
</ul>
</div>
</div>
<div id="rightfade"></div></div>
body{
background: #FFFFFF;
margin: 0px auto;
font-size: 62.5%;
color:#000000;
width:100%;
min-width:965px;}
#header{
position:relative;
height:157px;
background-color:#74d7ea;}
#header #leftfade
{
float:left;
background: url(../img/header_leftfade.png) repeat-y top left;
width:25%;
height:157px;}
#header #rightfade{
position:absolute;
right:0;
background: url(../img/header_rightfade.png) repeat-y top right;
width:25%;
height:157px;}
#header #header_container{
float:left;
position:relative;
text-align:left;
min-width:50%;
height:157px;}
#header #logo{
float:left;
background: url(../img/logo.png) no-repeat;
width:408px;
height:63px;
margin-top:20px;}
#header #languagechooser{
float:right;
width:150px;
height:50px;
background-color:#ffffff;
margin-left:100px;}
#header #navbar{
clear:both;
position:relative;
top:15px;
height:30px;
background-color:#63bdce;
width:98%;
overflow:hidden;}
#header #navbar ul{ list-style:none;}
#header #navbar ul li{ float:left;}
#header #navbar ul li a{
background: url(navi_bg_divider.png) no-repeat right;
padding-right: 12px;
font: bold 1.7em Myriad Pro, Arial, Helvetica, sans-serif;
padding-left: 12px;
display: inline-block;
line-height: 30px;
text-decoration: none;
color:#ffffff;}