用CSS使DIV背景顏色漸變,適用於IE和Chrome等瀏覽器。
從黃到紅示例：http://keleyi.com/keleyi/phtml/divcss/2.htm
代碼：
<style type="text/css"> .jbkeleyi{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(top, #F00, #000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#FF0000', GradientType='0'); } </style> </head> <body> 用CSS是div顏色漸變：<br /> <div class="jbkeleyi">從綠到紅<br /><br />keleyi.com</div>
效果圖：
另外多瀏覽器兼容代碼：
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*谷歌*/