如何去除网站轮播图（SWF文件）的边框

部分学员在做网站时，给网站添加轮播图后，却发现轮播图存在一个黑色的边框，即使用使用boder=0这个属性也去不掉这个边框。

首先我们在制作网站轮播图时，会有一个SWF文件，而这个黑色的边框就是这个SWF文件本身自带的边框，所以通过设置幻灯片所在的DIV的border属性就无法去除的。

去除网站轮播图SWF文件的黑色边框的步骤

1. 找到网站上放幻灯片SWF文件的DIV；
   
2. 目前我们看到幻灯片是直接放在class名为container的DIV中，我们现在需要自己再给它添加另外一个DIV；如下图:
3. 我们在class名为container的DIV中加入另一个名字为fouse的DIV，为我们下面去消除SWF文件的边框做准备；
4. 给我们添加的fouse的DIV，添加一个CSS样式：
   .fouse{width:962px;height:322px; position: relative;z-index:3;margin-left:-1px;margin-top:-1px;}
5. 这个CSS样式需要注意一点，width的值是container的DIV的宽度加2，height的值是container的DIV的高度加2，然后再通过相对定位，让这个fouse的DIV向上和向左移动1个像素。（margin-left:-1px;margin-top:-1px）
   
6. 通过添加以上的CSS样式，我们就看到幻灯片SWF文件的边框就消失了。其实并没有消失，只不过被container的DIV遮挡了。

使用上面的方面可以隐藏网站轮播图的边框，还可以使用其它方式制作无边框的网站轮播图，方法见网站幻灯片代码大全。

标签： 代码 制作网站

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。