作者ThiefFan (不務正業的賊)
看板Web_Design
標題[問題] 純CSS的下拉選單
時間Thu Jul 2 11:30:12 2009
最近需要作下拉選單
敝人不才,以前用JS做的是寫死座標的Layer,這次就沒辦法用了
調整瀏覽器大小時會無法和靠右的選單對齊(選單靠右是長官要求)
搜尋時看到純CSS的下拉選單覺得很有趣就想弄弄看
http://audi.tw/CSS/11/HTML/11-pulldown-01.html
↑參考這邊弄出來了...可是
尚未加上下拉選單時
http://thieffan.hp.infoseek.co.jp/iectest/index1.html
加上CSS下拉選單,但是跑去靠左了?
http://thieffan.hp.infoseek.co.jp/iectest/index2.html
把li.mainmenu的float改成right,然後逆轉選項順序才得到想要的畫面
http://thieffan.hp.infoseek.co.jp/iectest/index3.html
覺得這樣不是很理想
有沒有辦法不改HTML碼內的選項順序,讓index2的選單去靠右呢?
另外想問,純CSS的下拉選單和配合JS的下拉選單
哪種相容性比較好?
最好能符合無障礙AA級的要求...orz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.241.104.166
推 Kelunyang:CSS選單在IE6下應該無法完成,多半都是靠HTC這種程式方 07/02 11:49
→ Kelunyang:法,不過要的話用CSS比較能夠規避腦殘網頁規定 :) 07/02 11:50
推 fotofolio:不要用下拉選單才是真正有為障礙者著想 07/02 12:15
推 fotofolio:ul{float:right} li {float:left}應該是你要的 07/02 12:23
推 Kelunyang:也對,你還是不要用好了,要是以後被人工檢驗惡搞就囧了 07/02 13:33
→ ThiefFan:感謝四樓,可以了。下拉選單也是長官要求囧 07/02 14:09
→ ThiefFan:不過點進去還是有選單可以選,下拉選單不是唯一通路 07/02 14:10
推 chph:都可以. 作好優雅降級就好 07/02 19:36