CSS论坛 - Powered by Discuz! Board

标题: 鼠标经过，友情链接下拉列表就消失不见！！！！求助 [打印本页]

作者: sbvke 时间: 2011-8-19 08:54 标题: 鼠标经过，友情链接下拉列表就消失不见！！！！求助

新做一站，头部顶端有个友情链接的下拉菜单，主导航是横条变图的二级菜单（有JS代码）。

目前出现严重问题，鼠标移动到导航的问题或图片时，友情链接的下拉菜单就消失不见！！！@
FF，IE,360，tt等浏览器都是这样显示，为什么呢？？移开鼠标又显示正常！求解，非常感谢！[qq]4497727[/qq]


  <div id="header">
  <div id="logo"><img src="images/index-1_04.jpg" height="53px" float=left/></div>
<div id="select"><div id="ditu"><img src="images/index-1_06.jpg" height="21" width="38" /></div><div id="select1">
<select name="weti" id="wenti" onchange="document.tjhy.mibaowenti.value=this.options[this.selectedIndex].value" style="width:190px">
  <option>------**集团相关网站------</option>
  <option>111111111111111</option>
  <option>1111111111111111111111</option>
  <option>333333333333333</option>
  <option>44444444444444</option>
  <option>55555555555555555555</option>
  <option>66666666666666666666</option>
  <option>7777777777777777777</option>
   </select></div>
</div>
</div>

CSS代码：

BODY { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5; BACKGROUND: url(../images/index-1_01.jpg) repeat-x; padding: 0px; TEXT-ALIGN: center; }
form, dl, dd, dt, ol, ul, h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; }
ul { list-style:none; }
img { border:0px; }
a { color:#05a; text-decoration:none; }
ul, li { padding:0px; margin:0px; list-style-type: none; }
* a { text-decoration: none; color:#111111; }
a:hover { color:#F09C42; text-decoration:none; }
a:active { COLOR:#16387c; text-decoration:none; }

/*头部*/
#container { width:960px; margin:0 auto; text-align:center; text-algin: center;}
#header { height:73px; width:960px; margin-bottom:0px; background-color: #FFF;}
#logo { float:left; width:405px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; display:inline}
#select { float:right;width:238px; margin-top: 15px; margin-right: 10px; }
#ditu { float:left; width:38px; }
#select1 { float:right; position:relative; height:24px; left:-2px; top:-2px; font-size:12px; width:200px; border:0px; color:#909993; display:block; }

/*导航*/
.fen_nav { margin:0 auto; width:960px; height:35px; background-image: url(../images/f_bj_topbc1.jpg); background-repeat: no-repeat;}
.fen_nav ul { padding-left:2px; height:35px; float:left; width:960px; }
.fen_nav ul li { height:35px; font:bold 14px/32px Arial, "宋体"; color:#fff; float:left; padding-left:30px; z-index:999; }
.fen_nav ul li a { color:#fff; padding:4px 13px 0; display:block; _display:inline-block; height:31px; }
.fen_nav ul li a:visited { color:#fff; text-decoration:none; }
.fen_nav ul li a:hover { color:#fff; text-decoration:none; background:url(../images/this_onea1.jpg) center 0 no-repeat; }
.fen_nav ul li#thisa { color:#33568A; background:url(../images/this_one2.jpg) center 0% no-repeat; padding:0; }
.fen_nav ul li#thisa a { color:#33568A; background:url(../images/this_one2.jpg) center 0% no-repeat; }
.fen_nav ul li.checked a { color:#fff; background:url(../images/this_one1.jpg) center 0 no-repeat; text-decoration:none; }
.fen_nav .downmenu ul { padding:0; width:auto; height: auto; float:none; }
.fen_nav .downmenu li { height:auto; font: normal 12px/20px Arial, "宋体"; color:#333; float:none; background:none; position:static; padding:0; }
.fen_nav .downmenu ul li a, .fen_nav .downmenu ul li a:hover, .fen_nav .downmenu ul li a:visited { color:#16387c; padding:0; display:inline; background:none; height:auto; }

/*导航条下拉菜单*/
.downmenu { position:absolute; top:31px; left:80px; }
.downmenu div.topbor { clear:both; height:7px; background:url(../images/blues.gif) 0 6px repeat-x; overflow:hidden; }
.downmenu div.topbor span { display:block; clear:both; height:7px; background:url(../images/downmenu_topbg.gif) no-repeat; overflow:hidden; margin:0 1px; }
.downmenu div.downbor { width:100%; height:1px; border-top:1px solid #3367b3; overflow:hidden; }
.downmenu div.downbor span { display:block; background:#3367b3; height:1px; overflow:hidden; margin:0 1px; }
.downmenu ul.list { border-left:2px solid #3367b3; border-right:2px solid #3367b3; overflow:hidden; float:left; text-align:center; background:#ebf6fc; font-size:12px; }
.downmenu ul.list li.row { width:90px; padding:12px 4px 3px 4px; }
.downmenu ul.list li.row h3 { font:bold 13px/20px "宋体"; color:#0D4168; }
.downmenu ul.list li.row ul li { padding-left:1px; border-bottom: 1px dashed #B1C8E9; text-align:center; }
.downmenu ul.list li.row ul li a, .downmenu ul.list li.row ul li a:link, .downmenu ul.list li.row ul li a:visited { color:#4d4d4d; }
.downmenu ul.list li.row ul li a:hover { color:#F09C42; }
.dmwidth1 { width:102px; }
.dmwidth2 { width:284px; }
.dmwidth3 { width:424px; }
.dmwidth4 { width:564px; }

/*首页导航产品下拉h3样式*/
.por_h3 { border-bottom:1px solid #ccc; padding-bottom:3px; }

[ 本帖最后由 sbvke 于 2011-8-19 09:01 编辑 ]

作者: sbvke 时间: 2011-8-19 09:10

诚意求助，求高手出马，还需什么内容可说

作者: divcss5 时间: 2011-8-22 16:58

你代码和图片素材都不全无法看出问题

作者: 湖南老肖 时间: 2011-9-26 13:59

我也不清楚，等待高手出来解答，学习学习

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)