作者stilllove56 (钟爱五六)
看板Web_Design
标题[问题] 关於特效影响版面的问题
时间Wed Oct 23 19:38:33 2013
小弟现在正在自学HTML5
最近遇到一个问题
我参照买的书籍一一去实作
想要将功能结合起来时
却遇到了特效影响到我版面的配置
原本有一个用JQUERY作的下拉式主选单
$('
#Navigation li').hover(
function(){
$(this).find('.SubMenu').slideToggle();
},
function(){
$(this).find('.SubMenu').slideUp();
}
);
滑鼠移进去下拉的选单出现
整个版面往下移
很不美观
有尝试用Z-index来做上下排版
但没有甚麽作用
还是一样会版面跑掉
不知道有没有好方法可以解决
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.126.204.136
1F：推 bensonuong:Html css？ 10/23 21:16
2F：推 qwer820404:嗯... z-index...确认是在 对的物件里面设定对的zinde 10/23 21:27
3F：推 akiratw:.submenu 没有 position: absolute ? 10/23 21:30
4F：推 hit1205:和楼上一样想到 position: absolute 10/24 01:16
5F：推 sycc:position:relative 也可 10/24 04:05
感谢各位神人解答
将submenu设position:absolute就可以了!!!
relative使用後情况跟未使用前一样= ="
可使这样我的z-index设定值就没有用了....
是因为放在submenu下面的图片不能跟ol li进行叠合动作吗?
我之前一直以为是要固定图片的位置，然後利用叠合方式使submenu可以覆盖住图片
结果是要直接改submenu的position
不好意思 小弟才疏学浅
不太明白这样做的意义到底是?
※ 编辑: stilllove56 来自: 59.126.204.136 (10/24 09:19)
6F：推 qwer820404:也许是你 外层的设定是position:relatvie or absolute 10/24 10:37
7F：→ qwer820404:当你内层的element 设定position的时候 他抓的起始点 10/24 10:37
8F：→ qwer820404:就不一样了… 排版的观念?? 10/24 10:37
9F：推 hit1205:呃，你如果拿掉 submenu 的 dispaly: none 就会知道了， 10/24 12:45
10F：→ hit1205:"东西被推下去" 是 submenu 存在时本来就会发生的事情， 10/24 12:45
11F：→ hit1205:jQ 的 slide 只是在帮你做 display 与 height 的控制而已 10/24 12:46
12F：→ hit1205:你可以想像成加了 position: absolute 後会让 submenu 10/24 12:48
13F：→ hit1205:跑到另一个图层，而在原本的地方不占任何位置 10/24 12:48
14F：推 hit1205:感觉原 po 好像需要先深入了解一下 CSS 10/24 12:50
当初CSS真的是只有看一些指令皮毛而已
都只看指令出来的效果，背後的意义不太了解
看来还需要再找本专写CSS的书来看
排版面这学问真的是博大精深阿= ="
谢谢各位的帮忙!!
※ 编辑: stilllove56 来自: 59.126.204.136 (10/24 14:03)
16F：→ Rplus:上面那个看一看基本的排版就能自己处理了 10/24 14:36
17F：→ Rplus:用css 写个多阶下拉选单的话 应该可以帮忙加强这一部份 10/24 14:37