1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | ======背景與噗寶連動說明====== 一、關於背景 這個背景是額外新增上去的背景,而河道的高度是會改變的,所以他沒有辦法跟河道一樣高 這裡有一個折衷方法:把河道高度變成固定的,然後把新背景跟河道的固定高度設成一樣高度 如果不需要這個方法,把語法中的: /*河道高度固定*/ #timeline_holder { height:560px !important; } 這段刪除就可以了 二、噗寶的三種狀態 如果噗寶只需要指上狀態,按下不用再改變的話,把下面這兩段刪除 #footer li:nth-child(2) { /*噗寶按下圖*/ content:url(圖片網址); } #footer li:nth-child(2):hover + li { /*噗寶按下:背景圖*/ background:url(圖片網址); } 如果噗寶只需要按下狀態,指上時不用改變的話,把下面這兩段刪除 #footer li:nth-child(1):hover { /*噗寶指上圖*/ content:url(圖片網址); } #footer li:nth-child(1):hover ~ li:nth-child(3) { /*噗寶指上:背景圖*/ background:url(圖片網址); } 三、噗寶的圖片限制 此噗寶目前無法用外層overflow:hidden+內層推擠做到指上的圖可以消失的功能,所以須注意圖片的外輪廓 噗寶按下的圖出現時,噗寶指上、噗寶待機的圖不會消失 三張圖請使用外輪廓相同或第三張的輪廓更大的圖去遮蓋下方的圖 |
Direct link: https://paste.plurk.com/show/DV1Bw5EoDnm8vlci6Men