学做网站培训课程介绍

当前位置:

如何去除网站轮播图(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、下载“净网大师”软件(免费),网盘下载地址
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 在我们仿站过程中,有点网站上带有轮播图,大多都是通过JS+FLASH的方式。这会给网站带来大量的冗余代码。如果你不喜欢,可以用一张图片来替换
  • 部分学员在做网站时,给网站添加轮播图后,却发现轮播图存在一个黑色的边框,即使用使用boder=0这个属性也去不掉这个边框。首先我们在制作网
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置