2 q996676479 q996676479 于 2016.03.28 20:53 提问

css下拉菜单问题设置成绝对定位,点不到下拉菜单就没了 5C

下拉菜单的ul设置成绝对定位之后,鼠标一向下,想点下拉菜单时,下拉菜单就没了
不设置成绝对定位,又会对后面的层产生影响,一弹出下拉菜单直接把后面的图片挤走了。。该怎么弄啊

3个回答

showbo
showbo   Ds   Rxr 2016.03.28 21:21

样式写得有问题,你用js还是css控制的?

css打造下拉菜单

lml_little
lml_little   2016.03.29 09:16

<br> .center-head {<br> height: 50px;<br> position: absolute;<br> }<br> .personel ul {<br> position: absolute;<br> top: 45px;<br> background: #fff;<br> border-top: 1px solid #ececec;<br> padding: 10px 14px;<br> width: 90px;<br> display: none;<br> }</p> <p>


<br> $(&#39;#center-list&#39;).parent().mouseover(function(){<br> $(&#39;#center-menu&#39;).css(&#39;display&#39;,&#39;block&#39;);<br> })<br> $(&#39;#center-list&#39;).parent().mouseout(function(){<br> $(&#39;#center-menu&#39;).css(&#39;display&#39;,&#39;none&#39;);<br> })<br>
u013040249
u013040249   2016.03.29 16:00

没看台明白 用jq或者bootstrap应该没什么问题吧。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
CSS常见问题及解决(三)自己写下拉框逻辑,鼠标离开下拉框时,下拉出来的div会消失
下拉框在鼠标放到下拉出来的框的时候,下拉框消失,本应该是不管鼠标在下拉框内还是在弹出下拉框的div内,都应该使下拉框浮现 下拉框: 1、将hover事件监听到下拉框和弹出下拉框的div的父级元素上,即将两个元素同时添加hover事件 2、与此同时两个元素之间的缝隙不宜设置过大,这条纯属个人看法,迷惑css,在鼠标移动的过程中,滑过缝隙的时间几乎忽略不计
下拉导航中绝对定位与相对定位问题
1、下拉导航中绝对定位与相对定位问题
下拉导航菜单被遮住解决办法
下拉导航菜单被遮住解决办法   在把这个下拉菜单移到左侧或者直接在左侧加下拉菜单时候发现:下拉菜单被下面的滚动幻灯片给遮住了。 这个问题是由于div的定位造成的,幻灯片由于使用了js的关系使用了很多绝对或者相对定位。解决办法如下: 在封装幻灯片的div的id属性后面加上一句代码:  代码如下 复制代码 style="z-index:-999;position:relative;"
CSS下拉菜单
CSS下拉菜单CSS下拉菜单CSS下拉菜单CSS下拉菜单CSS下拉菜单
单纯使用CSS实现下拉菜单
教你单纯使用css实现下拉菜单
CSS的下拉菜单被挡住,修改Z-INDEX也不成功
做了一个鼠标放上去就出现的下拉菜单,但是这个下拉的内容被挡住了。 Z-INDEX是设置不同块的层次的,我修改了问题还是有。 后来发现是 当元素的POSITION属性没有的时候,Z-INDEX是失效的。 下面更详细的解释来自http://www.jb51.net/css/73529.html 1.第一种情况(z-index无论设置多高都不起作用情况):  这种情况发生的条件有三个:
下拉菜单的两种实现方式:CSS和JS
下拉菜单的简单介绍、源代码以及可能出现相关问题
用css和js做成的漂亮的下拉Menu
用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单,用css和js做成的下拉菜单
qq 下拉菜单 CSS css menu
qq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menu
CSS多级下拉菜单导航条
CSS多级下拉菜单导航条CSS多级下拉菜单导航条CSS多级下拉菜单导航条CSS多级下拉菜单导航条