（待續ing） 一、示例 超級無敵簡易版博客園： https://www.cnblogs.com/bigorangecc/p/12891419.html 二、小技巧解說 1、界面背景圖鎖定 【效果描述】： 背景圖固定不動（就像貼在 最底下的圖），其餘頁面內容可以在其上方正常翻動瀏覽（鏤空設計） 2、 ...
（待續ing）
一、示例
超級無敵簡易版博客園：
https://www.cnblogs.com/bigorangecc/p/12891419.html
二、小技巧解說
1、界面背景圖鎖定
【效果描述】：
背景圖固定不動（就像貼在 最底下的圖），其餘頁面內容可以在其上方正常翻動瀏覽（鏤空設計）
2、固定定位——敵動我不動
【效果描述】：
網頁固定不動的部件，例如：
【CSS】
（1）網頁固定部件：
使用的是 固定定位 —— position: fixed;
例如：該部件屬於 box 類，為其添加屬性 position: fixed;
.box { position: fixed; top: 10px; left: 20px; }
（2）返回頂部（頁面瀏覽到一定位置後，出現“返回頂部”小標簽）
3、鏈接四狀態——訪問前，懸浮，點擊時，訪問後
【效果描述】：
滑鼠懸浮，文字或者圖片有顏色變化 / 小小的浮動突出
【CSS】
