HTML怎么用滤镜让背景图片拉伸并且让图片的颜色看起来由浅到深

代码如下
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);

使用CSS3样式 background-size
详解请查看：>新浪里面那个背景效果，并不是将拉长实现的。它只是在上方有，而下方使用了和底部颜色一致的背景颜色而已。你可以仔细观察一下，将页面拉到下部的时候，再没有了渐变效果，只是纯色而已。

repeat这个值是重复的意思用于background里面的

标准写法：

background-repeat: repeat-x || repeat-y || none 顾名思义这三个的意思是

1、repeat-x：意思是说在x轴方向重复出现也就是横坐标重复填充满背景。

2、repeat-y：这就是在y轴方向重复出现也就是纵坐标重复填充满背景。

3、none：不重复背景。

4、默认值不写的时候是同时重复出现在x轴和y轴

缩略写法：

background:url() position repeat color;

背景属性：

background-image：背景的路径

background-position：背景的定位

background-repeat：背景重复

background-color：背景颜色

background-clip：背景绘制区域

background-origin：背景定位区域

background-size：背景的尺寸

问题解答

按上图的意思有两种解决方法

1、可以用border（边框）来实现这一效果，代码如下：

            html
                <div class="border">
                <h1>Titel_01</h1>
                <span>test01,test02</span>
                </div>            css
                 { margin:0; padding:0;}
                h1 { font-size:12px; font-weight:normal;}
                border { border-left:2px solid #ff9a2e; padding-left:8px;}

2、可以用background（背景）来实现这一效果，代码如下：

            html
                <div class="border">
                <h1>Titel_01</h1>
                <span>test01,test02</span>
                </div>            css  
                 { margin:0; padding:0;}
                h1 { font-size:12px; font-weight:normal;}
                border { background:url(/images/shutiaogif) 0 3px repeat-y;}

---