作者ChowMein (杉斑加紋)
看板Web_Design
標題Re: [問題] CSS 在 menu layout 上的配置
時間Wed Aug 17 13:24:44 2011
※ 引述《chonhan ()》之銘言:
: 想請問版上的各位
: 小弟最近寫了一個樣板 menu 的部份是參照這個網頁
: http://demonstration.abgne.tw/jquery/0015/0015_4.html
: 但有一個地方有點疑問
: 主要是這網頁的子選項是從整個選單的左側開始排列
: 網頁上只有四個母選項 所以看起來是還ok
: 但今天一旦母選項數量多起來 子選項卻只有一兩個選項時
: 偏右邊的母選項要點他自己的子選項時 就會覺得有點遠
: 我想問問能否讓子選項以他的母選項下方為中心 然後左右開展呢?
: 當然 母選項還是從左開始向右排列 只有子選項從他正下方開始左右延展
: (至於子選項的排列 希望能包在整個選單的寬度內 不會超過選單的寬度)
: 這部份的CSS, jQuery我不太熟悉 不知道該怎麼樣調整
: 還請版上各位高手能給予建議 謝謝 :)
如果可以接受某種程度的瑕疵, 那可以直接用 CSS 硬上,
http://jsfiddle.net/5j4LV/
我試了 firefox6 chrome12 都 ok,
ie8 不行, 這很正常,
但可怕的是 firefox8 竟然也不行...
幾年前的人很喜歡玩這套 XD
編:
有空就修改了一下, 讓它稍微有實用性,
firefox8 chrome13 ie8 opera11.5 都 ok
http://jsfiddle.net/5j4LV/2/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 112.104.185.105
→ TonyQ:firefox8 ...? 08/17 14:27
→ chrisQQ:firefox 的 nightly 的確是到了 8.0a1 XD 08/17 17:23
※ 編輯: ChowMein 來自: 112.104.185.105 (08/17 21:09)
→ arrack:firefox 每6個禮拜就改一次版號..很快就會追上chrome了XD 08/17 23:11
推 chonhan:推一個 感謝 :D 08/19 13:49