作者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