[心得] 純CSS非背景圖的STEPS MENU選單

看板Web_Design作者 (日光貓....^o.o^)時間15年前 (2011/02/13 11:12), 編輯推噓2(206)
留言8則, 5人參與, 最新討論串1/2 (看更多)
純CSS非背景圖的STEPS MENU選單 http://unas.com.tw/test/test/steps_menu.html 似乎之前有CSS神人做出來過,但我一時找不著, 上網搜尋了老半天,找到的只有背景圖做出來選單效果, 最後怒了乾脆自己想辦法,總算研究出來啦~ 不過我仍不敢嘗試用IE開啟它Orz ……剛剛試了IE9, 只要把滑鼠移過的變化撤掉,別想搞這麼多,就大致正常了(謝天)。 -- U.Cafe 個人網站 http://unas.com.tw/ U.Design 作品集網站 http://unas.com.tw/U_Design/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.46.136.174

02/13 11:25, , 1F
感謝分享 :P
02/13 11:25, 1F

02/13 12:49, , 2F
你的空span改成li:after會更威 :)
02/13 12:49, 2F
試了好像不行耶@@~ ※ 編輯: Isacat 來自: 114.46.136.174 (02/13 13:37)

02/13 13:50, , 3F
不好意思我推得太隨意
02/13 13:50, 3F

02/13 13:50, , 4F
:after應該要附在li裡面的元素
02/13 13:50, 4F

02/13 13:51, , 5F
你可以試試看改成怎樣的結構才有效果。
02/13 13:51, 5F

02/14 13:09, , 6F
IE8和7炸了XD 如果想不過火狐很美XDD
02/14 13:09, 6F

02/15 01:39, , 7F
#18j-xRs_ (Web_Design) 像這樣的變化版本 (?)
02/15 01:39, 7F

02/16 19:12, , 8F
試出來了XD...之前沒怎麼用過,不曉得要寫content: '';
02/16 19:12, 8F
文章代碼(AID): #1DLqmCvg (Web_Design)
文章代碼(AID): #1DLqmCvg (Web_Design)