几张图片竖着的让随滚动条下滑 用CSS

html-css010

几张图片竖着的让随滚动条下滑 用CSS,第1张

<div id="colee_right" >

<ul>

<li><img></li>

<li><img></li>

<li><img></li>

</ul>

</div>

用下面的样式

#colee_right{

bottom:20px

display:block

height:100px

position:fixed

right:20px

width:100px

}

具体的宽度和位置你自己调整

做两层DIV,嵌套如下:

<div 背景设置成你的横背景,位置是剧中置顶(top center)>

<div 背景是你的横向背景,使用一张从上到下,从透明到白渐变的png图片,横向平铺 ></div>

</div>

=========

另外,这样的设计有一定的浏览器兼容问题。半透明PNG在IE上支持的不好,所以建议你修改设计,把两层背景切到同一张图片上,并且控制前面内容的数量和位置。

还有任何问题欢迎随时联系。