Re: [問題] CSS 在 menu layout 上的配置

看板Ajax作者 (彷彿曾經一起死過)時間14年前 (2011/08/18 13:17), 編輯推噓1(102)
留言3則, 2人參與, 最新討論串4/4 (看更多)
※ 引述《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

08/18 16:36, , 1F
感謝高手賜教 若我想變更的是下半部 要設定兩個sub div?
08/18 16:36, 1F

08/19 15:44, , 2F
不用 一個div裡面在包一個div 這樣你就有兩個背景色可以用
08/19 15:44, 2F

08/19 15:46, , 3F
但是如果你覺得裡面包兩個會比較好控制 這做法也是合理的
08/19 15:46, 3F
文章代碼(AID): #1EJA21-S (Ajax)
文章代碼(AID): #1EJA21-S (Ajax)