作者senser (彷彿曾經一起死過)
看板Ajax
標題Re: [問題] CSS 在 menu layout 上的配置
時間Thu Aug 18 13:17:48 2011
※ 引述《chonhan ()》之銘言：
: 目前試的結果是ok 但又有一個很有趣的問題想要問問
: 就是 對一個 container 我可不可以指定他部份的背景色變更？
: 比方說他的 height: 60px;
: 我可能想針對他下半 30px 做動態的顏色更換
: 請問這是可以做到的嗎？
同一個html markup (你的div) 背景色大概是無法這樣 (可以的話請分享)
但你可以在裡面在放div控制他
舉例來說 外面height 60px 裡面放個height 30px 的div 就可以設不同背景色
真的要一個tag搞定的話
你可以用背景圖和背景色搭配的方法
利用背景圖會疊在在背景色上的特性
你可以把不動的部分用一張色塊圖片(height 30px)
然後動態的調整背景色(去填下面的 30px)
但這樣有點耍帥 也不好維護
沒有甚麼特殊理由還是不要這樣做好了
: ※ 引述《senser (彷彿曾經一起死過)》之銘言：
: : 用一個container 把你的選項和他對應的dropdown包在一起
: : 一樣用css的hover去控制他的展開
: : 然後container設relative
: : 把你要展開的選單設position:absolute, top:100%;
: : 他就會剛好在你的選項下方出現
: : 用left:0與right:0去靠左或靠右 或是去做你想要的左右開始研展
: : 以你的例子來說 那個ul(container)設了relative所以dropdown都會跑去對齊他
: : 你只要把給一個選項都分開包起來然後分別給relative就可以有你要的效果
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 71.104.223.87
1F：推 chonhan:感謝高手賜教 若我想變更的是下半部 要設定兩個sub div? 08/18 16:36
2F：→ senser:不用 一個div裡面在包一個div 這樣你就有兩個背景色可以用 08/19 15:44
3F：→ senser:但是如果你覺得裡面包兩個會比較好控制 這做法也是合理的 08/19 15:46