菜单中的下拉列表会在单击之前消失

时间:2012-11-19 04:56:45

标签: javascript css menu blogger

更新:Rohit Azad给出的解决方案,非常感谢。

我已经通过论坛寻找解决方案了,但由于我不知道编码,我不确定什么适用于我,什么不适用。所以,如果这是一个经常解决的问题,请道歉,但我非常感谢你的帮助!

经过多次反复试验,我设法在导航栏上找到了一个下拉列表页面;但是,当我点击一个子页面时,整个菜单就会消失。我已经阅读了其他类似的问题,其中存在一个太大的保证金问题,但我认为我的保证金设置为'0'。

博客位于:http://swirlstwirlsblog.blogspot.com.au/

我没有在子页面中有内容,但在html / javascript小部件中有链接。

我也在Chrome,Mozilla和Safari中看过它,这也是同样的问题。

我也不确定这是否是javascript,css或html问题,所以请在回复中说实话 - 我只是新的!

非常感谢有能力帮助我的人。

这是我在Widget中使用的脚本:

<ul id="jsddm">
<li><a href="http://swirlstwirlsblog.blogspot.com.au/">Home</a>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/sparkles">Sparkles</a>
</li>

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/friendship">Friendship</a>
</li>

<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/humour">Humour</a>
</li>

<li><a href="">About</a>
<ul>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/about_16.html">Us</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contributers.html">Contributors</a>    </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/advertising.html">Advertising</a>  </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/privacy-policies.html">Privacy</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contact.html">Contact</a></li>
</ul>
</li>
</li></ul> 

这是我在模板中输入的HTML代码:

<pre>#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}

#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
padding: 5px 10px;
border-right: 1px color: eeeeee;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: crushed;
text-decoration: none;
vertical-align: middle;
}

#jsddm li a:hover {
background: #C8C8C8;
}

#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}

#jsddm li ul li {
float: none;
display: inline;
}

#jsddm li ul li a {
width: auto;
background: #ffffff;
}

#jsddm li ul li a:hover {
background: #eeeeee;

}</pre>

1 个答案:

答案 0 :(得分:2)

...

您好现在定义z-index #jsddm li ul 就像这样

#jsddm li ul{
z-index:1;
}

结果

enter image description here