网页背景滤镜效果
首先看效果图吧：
网页背景滤镜效果
|
部分源码： |
|
<body> <table width="100%" height="150" border="0"> <tr> <td height="50" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0066D8', endColorStr='#007EFF', gradientType='0')"></td> </tr> <tr> <td height="50" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B </tr> <tr> <td height="50" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#A28D68', endColorStr='#E8D080', gradientType='1')"></td> </tr> </table> </body> |
简单分析：
实现背景颜色渐变，在<body>中插入修改style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1'
//1为从左到右渐变 0为从上到下渐变
startColorstr='#000000'
//开始时的颜色
endColorstr='#ffffff');"
//结束的颜色
