部分學(xué)員在做網(wǎng)站時(shí)，給網(wǎng)站添加輪播圖后，卻發(fā)現(xiàn)輪播圖存在一個(gè)黑色的邊框，即使用使用boder=0這個(gè)屬性也去不掉這個(gè)邊框。

首先我們?cè)谥谱骶W(wǎng)站輪播圖時(shí)，會(huì)有一個(gè)SWF文件，而這個(gè)黑色的邊框就是這個(gè)SWF文件本身自帶的邊框，所以通過(guò)設(shè)置幻燈片所在的DIV的border屬性就無(wú)法去除的。

去除網(wǎng)站輪播圖SWF文件的黑色邊框的步驟

1. 找到網(wǎng)站上放幻燈片SWF文件的DIV；
   
2. 目前我們看到幻燈片是直接放在class名為container的DIV中，我們現(xiàn)在需要自己再給它添加另外一個(gè)DIV；如下圖:
3. 我們?cè)赾lass名為container的DIV中加入另一個(gè)名字為fouse的DIV，為我們下面去消除SWF文件的邊框做準(zhǔn)備；
4. 給我們添加的fouse的DIV，添加一個(gè)CSS樣式：
   .fouse{width:962px;height:322px; position: relative;z-index:3;margin-left:-1px;margin-top:-1px;}
5. 這個(gè)CSS樣式需要注意一點(diǎn)，width的值是container的DIV的寬度加2，height的值是container的DIV的高度加2，然后再通過(guò)相對(duì)定位，讓這個(gè)fouse的DIV向上和向左移動(dòng)1個(gè)像素。（margin-left:-1px;margin-top:-1px）
   
6. 通過(guò)添加以上的CSS樣式，我們就看到幻燈片SWF文件的邊框就消失了。其實(shí)并沒(méi)有消失，只不過(guò)被container的DIV遮擋了。

使用上面的方面可以隱藏網(wǎng)站輪播圖的邊框，還可以使用其它方式制作無(wú)邊框的網(wǎng)站輪播圖，方法見網(wǎng)站幻燈片代碼大全。

標(biāo)簽： 代碼 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。