Question

求教div+css的大神，下面的效果应该怎么布局？

轮播图片的程序我有，但是不知道怎么把它放置于图中的白色圆角框中，哪些该设为背景图片。求大神详细指教，初学 div+css

Answer 1

<div style="position:absolute">
<img />
<img />
<img />
<img />
<img />
<img />
</div>

把图片们放到一个div中，这个div绝对定位到该白色圆角框的位置（top、left设置）

Answer 2

最简单，快速，有效的办法是：
白色圆框应该是张图吧。把这张图放到一个DIV里面。然后绝对定位到轮播图的上面。遮住它。。。就像FLASH里的遮罩动画一样。

Answer 3

普通方法就是将所有图片 都放入白色DIV框中，设置一个定时器，2秒一循环，循环到第N个图片，第N个图片显示，其他隐藏；
或者你当背景色也可以，背景色都写在css中，也是循环定时器，切换div的css，实现图片切换

循环定时器setInterval(”timepp“,3000); //其中3000是毫秒
timepp是自定义函数 function timepp(){}

Answer 4

如果想让它显示的像在镜框里播放的一样，那就需要两步来实现：
1.把圆角边框的图用photoshop处理成背景透明的png格式；
2.单独写一个div层，设置属性<div style="position:absolute; left:?;top:?;background:url(img.png)">：
设置？对应的值来给这个div层绝对定位到轮播图片层上边就好了。
不知道你PS怎么样，我这边也参加工作后自学的，呵呵，一般的都能处理

Answer 5

<div style="background:url(圆角图);width:px;height:px;">
<div style="width:px;height:px;margin:10px,10px">通过margin自己调到合适位置
<img src="图"/>
<img src="图"/>
<img src="图"/>
<img src="图"/>
<img src="图"/>
<img src="图"/>
或者你那轮播程序里边应该有<img/>,自己套一下
</div>
</div>

Answer 6

http://jqueryui.com/themeroller/