小編給大家分享一下css如何實(shí)現(xiàn)返回頂部效果并兼容IE6，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

專(zhuān)注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)臨武免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千余家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

jquery+CSS實(shí)現(xiàn)簡(jiǎn)單激昂大方自力的返回頂部 前去頭部殊效，初步不表示前往頭部圖標(biāo)，鼠標(biāo)向下拉網(wǎng)頁(yè)呈現(xiàn)前往頭部圖標(biāo)，鼠標(biāo)放在前往頂部圖標(biāo)上圖標(biāo)色彩變深鼠標(biāo)點(diǎn)擊后平緩平滑返回網(wǎng)頁(yè)頂部。

本返回頂部殊效本色：
1、JQ實(shí)現(xiàn)，兼容各大瀏覽器
2、只有返轉(zhuǎn)頭部按鈕，容易小氣
3、CSS大約批改返回頂部圖片大小
4、可修正前往頭部圖標(biāo)，修正替換為你想要的返回頭部圖標(biāo)

可批改CSS闡明：

1. .up{width:54px;height:54px;bac公斤round:url(images/topback.gif) no-repeat 0 0;

2. filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}

3. .up:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;} 

以上CSS是配置前去頂部圖標(biāo)的引人代碼與寬度高度，鼠標(biāo)進(jìn)過(guò)半無(wú)色功效對(duì)應(yīng)CSS代碼，可任意修改成你重要的成果就可。

前去頂部使用注明： 1、對(duì)應(yīng)寫(xiě)入CSS代碼 2、將scrolltopcontrol.js和jquery.js兩個(gè)文件惹人HTML即可。

以上是“css如何實(shí)現(xiàn)返回頂部效果并兼容IE6”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！