学做网站培训课程介绍

当前位置:

如何去除网站轮播图(SWF文件)的边框

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

如何去除幻灯片SWF文件的边框4

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

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

  1. 找到网站上放幻灯片SWF文件的DIV;
    如何去除幻灯片SWF文件的边框2
  2. 目前我们看到幻灯片是直接放在class名为container的DIV中,我们现在需要自己再给它添加另外一个DIV;如下图:如何去除幻灯片SWF文件的边框3
  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)
    如何去除幻灯片SWF文件的边框4
  6. 通过添加以上的CSS样式,我们就看到幻灯片SWF文件的边框就消失了。其实并没有消失,只不过被container的DIV遮挡了。

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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 平时我们在调用优酷上面的视频的时候,视频都是有一个广告时间的,是不是看着特别不爽?如何去除优酷视频广告呢?下面汇总了网上流传的几个方法,
  • 下面就讲一下去除网站课程中广告以及观看高清视频课程的方法。如何一次性去除课程中优酷广告1、下载“净网大师”软件(免费),网盘下载地址
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果见这里;对于这样一种高大上的3D旋转轮播图,做起来并
  • 部分学员在做网站时,给网站添加轮播图后,却发现轮播图存在一个黑色的边框,即使用使用boder=0这个属性也去不掉这个边框。首先我们在制作网
  • 什么是源代码源代码就是指在网页制作过程中需要用到的一些特殊的“语言”,设计人员通过对这些“语言”进行组织编排制作出网页,然后由浏览器对代码进
  • 什么是文件后缀名 视频教程 (1188333 次浏览)
    什么是文件后缀名文件扩展名 是操作系统用来标志文件格式的一种机制。通常来说,一个扩展名是跟在文件名后面的,由一个分隔符分隔。在一个像“read
  • 很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置