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

[Isacat (日光貓....^o.o^)]

純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
推 BeStronger:感謝分享 :P
→ superpai:你的空span改成li:after會更威 :)
試了好像不行耶@@~
※ 編輯: Isacat          來自: 114.46.136.174       (02/13 13:37)
→ superpai:不好意思我推得太隨意
→ superpai::after應該要附在li裡面的元素
→ superpai:你可以試試看改成怎樣的結構才有效果。
推 oj113068:IE8和7炸了XD 如果想不過火狐很美XDD
→ ateclean:#18j-xRs_ (Web_Design) 像這樣的變化版本 (?)
→ Isacat:試出來了XD...之前沒怎麼用過，不曉得要寫content: '';