怎么让弹出框不透明，问题已被困扰多天，期望高手解决


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jqueryslidemenu.js" charset="utf-8" ></script>
<link href="jqueryslidemenu.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li><li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
<li><a href="#">本田</a>
<ul>
<li>
<div class="content">
<div class="tt">本田</div>
<div class="title">国产型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="title">进口型号</div>
<div class="list"><a href="#" >思迪 2008款</a></div>
<div class="list"><a href="#" >思域</a></div>
<div class="tb"></div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>

解决方案 »

  1.   


    这里可以看效果。
    http://124.172.245.80/menu/Default.aspx 
    下面的弹出框是没有问题的，他已经不透明，如下图： 
    但是其他地方弹出框都有问题，如下图： 
      

  2.   

    filter: alpha   在js里,找下这个标签,这个是设置透明度的.改下试试.希望对你有帮助
      

  3.   

    这是因为z-index小于当前的层z-index改变层的.style.zIndex = 999;（适合在同级中）或使用绝对定位，然后确定top，left，再document.body.appendChild();(适用所有情况但要注意后append的会覆盖前appdend的，除非设置了zIndex)
      

  4.   

    是 .jqueryslidemenu UL LI 定位 relative的问题,估计是你 UL LI这种连写法影响了后面的li，
    换了种方法，测试可以.jqueryslidemenu {
    FONT: 12px Verdana; width:100%; overflow:hidden;
    }
    .jqueryslidemenu UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
    }
    .jqueryslidemenu UL LI {
    DISPLAY: inline; FLOAT: left;
    }
    .jqueryslidemenu UL LI A {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: black; PADDING-TOP: 0px; TEXT-DECORATION: none
    }
     HTML .jqueryslidemenu UL LI A {
    DISPLAY: inline-block
    }
    .jqueryslidemenu UL LI UL {
    DISPLAY: block; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; 
    background:#FFFFFF;
    }
    .jqueryslidemenu UL LI UL LI {
    FLOAT: none; display:block;
    }
    .jqueryslidemenu UL LI UL LI UL {
    TOP: 0px
    }
    .jqueryslidemenu UL LI UL LI A {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
    }
    .downarrowclass {
    RIGHT: 7px; POSITION: absolute; TOP: 12px
    }
    .rightarrowclass {
    RIGHT: 5px; POSITION: absolute; TOP: 6px
    }
    .tt {
    FONT-WEIGHT: bold; BACKGROUND: url(images/title_t.gif); WIDTH: 175px; COLOR: #e5e5e5; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: center
    }
    .tb {
    BACKGROUND: url(images/title_b.gif) no-repeat; WIDTH: 175px; HEIGHT: 5px
    }
    .title {
    BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 0px; BACKGROUND: url(images/icon.gif) no-repeat 50% bottom; PADDING-BOTTOM: 0px; BORDER-LEFT: #b2b2b2 1px solid; WIDTH: 173px; COLOR: #3f4aca; TEXT-INDENT: 21px; LINE-HEIGHT: 23px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2b2b2 0px solid; HEIGHT: 22px
    }
    .list {
    BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 0px; BACKGROUND: url(images/icon2.gif) no-repeat 9px 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #b2b2b2 1px solid; WIDTH: 173px; TEXT-INDENT: 7px; PADDING-TOP: 5px; BORDER-BOTTOM: #b2b2b2 0px solid; HEIGHT: 15px
    }
    .content {
    FONT: 12px Verdana;
    }
    .jqueryslidemenu UL LI UL LI .list A {
    TEXT-DECORATION: none
    }
    .jqueryslidemenu UL LI UL LI .list A {
    COLOR: #666; TEXT-DECORATION: none
    }
    .jqueryslidemenu UL LI UL LI .list A:hover {
    FONT-WEIGHT: bold; TEXT-DECORATION: underline
    }
    String.prototype.Trim = function()   {return   this.replace(/^\s*|\s*$/g,"");}var arrowimages={down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif']}
    var jqueryslidemenu={
    animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds
    buildmenu:function(menuid){
    jQuery(document).ready(function($){     
        $("#myslidemenu ul>li").each(function(){
                //this.innerHTML = '<ul><li><div class="content"><div class="tt">'+$(this).text().Trim()+'-系列</div><div class="list"><img src="images/200803131037006861.gif" alt="正在加载..." /> 正在加载...</div><div class="tb"></div></div></ul></li>';
                $(this).append('<ul><li><div class="content"><div class="tt">'+$(this).text().Trim()+'-系列</div><div class="list"><img src="images/200803131037006861.gif" alt="正在加载..." /> 正在加载...</div><div class="tb"></div></div></li></ul>');
            })        
    var $mainmenu=$("#"+menuid+">ul");
    var $headers=$mainmenu.find("ul").parent();
    $headers.each(function(i){
    var $curobj=$(this)
    var $subul=$(this).find('ul:eq(0)')
    this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
    this.istopheader=$curobj.parents("ul").length==1? true : false
    $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
    $curobj.hover(
    function(e){
    var $targetul=$(this).children("ul:eq(0)")
    this._offsets={left:$(this).offset().left, top:$(this).offset().top}
    var menuleft=this.istopheader? 0 : this._dimensions.w
    menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
    if ($targetul.queue().length<=1){ //if 1 or less queued animations     
    $targetul.css({left:this._offsets.left+"px", top:this._offsets.top+this._dimensions.h+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
    var reg =new RegExp('正在加载', 'g').test($targetul.text());
    if(reg){
        var brandName = $(this).html().match(/>([^<]+)/)[1].Trim();          
        $.post("GetSeries.ashx",{brandName:brandName},function(data){         
            $targetul.find(".list").slideUp(jqueryslidemenu.animateduration.out).remove();
                                    $targetul.find(".tb").slideUp(jqueryslidemenu.animateduration.out).remove();                                
                                    $targetul.find(".content").append(data+'<div class="tb"></div>');                                    
        })     
    }
    }
    },
    function(e){
    var $targetul=$(this).children("ul:eq(0)")
    $targetul.slideUp(jqueryslidemenu.animateduration.out)
    }
    ) 
    }) 
    $mainmenu.find("ul").css({display:'none', visibility:'visible'})
    }) 
    }
    }//build menu with ID="myslidemenu" on page:
    jqueryslidemenu.buildmenu("myslidemenu")/*
    function ss(){    
        //targetul.find(".content").append('<div style="display:block;" class="content"><div class="tt">本田</div><div class="title">国产型号</div><div class="list">·<a href="#">思迪 2008款</a></div><div class="list">·<a href="#">思域</a></div><div class="tb"></div></div>');
        targetul.find(".list").slideUp(jqueryslidemenu.animateduration.out).remove();
        targetul.find(".tb").slideUp(jqueryslidemenu.animateduration.out).remove();
        window.setTimeout("ss2()",300);    
    }
    function ss2(){    
        targetul.find(".content").append('<div class="title">国产型号</div><div class="list">·<a href="http:123.com">思迪 2008款</a></div><div class="list">·<a href="#">思域</a></div><div class="tb"></div>');    
        targetul.find(".content").slideDown(jqueryslidemenu.animateduration.out);
    }
    */
      

  5.   

    不是relative的问题，而是z-index的问题，如果别人一定要使用relative你这方法就不适用了。
      

  6.   

    .jqueryslidemenu ul li ul {position: absolute; z-index:4;left: 0; display: block; visibility: hidden;}
    好像是这个样式的问题  ,试一下，如
    <div id="myslidemenu" class="jqueryslidemenu">
    <ul>
    <li> <a href="#">本田 </a>
    <ul style="z-index:1;"> 把index写在ul里面
      

  7.   

    relative默认的z-index是同层的最底层
      

  8.   

    这个relative在FF3.0下是没问题的，但在IE6.0下就不行了，你要是觉得是z-index问题，希望也给个调试通过的方案出来,　我也学习一下，刚试了下z-index好像没用．
      

  9.   

    Free_Wind22。。  谢谢。。不错，解决了透明的问题。。
      

  10.   

    Free_Wind22   
    我要1天后才能给帖子加分。。
    我明天放假了。。所以要清明过后才结贴给分。。
      

  11.   


    之前的个一个项目也有这个情况，当时是在动态生成语句后面加一个iframe，楼主可以参考下，<iframe src='javascript:false' style='position:absolute; visibility:inherit; top:0px; left:0px; width:170px; height:auto; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';'></iframe>
      

  12.   

    我仔细看了一下楼主的css，发现楼主的css中的FLOAT: left; POSITION: relative，POSITION: absolute乱用造成的。使得内容偏离了应显示的位置z-index也起不到作用了因为楼上有人要求“调试通过的方案出来”修改
    .jqueryslidemenu UL LI {
    DISPLAY: inline;
    }
    .jqueryslidemenu UL LI UL {
    DISPLAY: block; LEFT: 0px;
    }你若是在html文件改如下
    <DIV class=jqueryslidemenu id=myslidemenu>
    <UL style="background: #FFF;">  <LI><A href="http://124.172.245.80/menu/Default.aspx#">上海通用凯迪拉克</A> </LI>你就可以看到内容偏离了应显示的位置。楼上的改法看不到黑色背景，说明内容还是偏离了。而楼主的黑色背景偏一边在js文件里改
    $("#myslidemenu ul>li").each(function(){
                $(this).append('<ul style="POSITION: absolute; left: 20px; top: 20px;">不过left和top要通过计算得到，本人不太了解jquery，具体left和top在哪传入就由楼主看了。
      

  13.   

    FLOAT,POSITION不要一起用，而且UL LI里不要使用绝对定位和相对定位，只要在弹出的窗口里的最外层使用绝对定位就好了。
      

  14.   

    急聘-技术部项目经理
    岗位职责：
    1. 负责教育网站及相关的互动社区的程序开发工作；
    2. 负责网站开发团队的管理及指导工作；
    3. 协助项目经理的其他工作；岗位要求：
    1. 三年以上网站、软件开发经验，且有一年以上大中型网站项目开发组长经验；
    2. 具有良好的沟通、团队协作和表达能力；
    3. 精通C#、ASP.NET、ASP、Ajax、JAVA等开发语言，熟悉web2.0网站开发者优先；
    4. 精通SQL编程，了解并熟悉相关数据库操作，如Oracle, 或 MS SQL Server；
    5. 对软件、网站开发项目管理工作有兴趣、爱钻研，能吃苦耐劳；
    6. 有大中型网站（论坛、社区）开发或维护工作经验者优先；
    7. 因本项目纯属全新开发项目，要求应聘者有丰富的编程、开发技巧，应届生或无经验者请勿打扰，谢谢。
    8. 会维护公司常见网络故障、电脑故障者优先；待遇面谈，面试者需展示过往作品或网站，请注意准备。
    联系方式：
    QQ：314513565  email:[email protected]  联系人：黄先生   （请注明应聘职位）
    工作地址：广东省广州市天河区珠江新城公司简介：
        文鼎广告(广州文鼎广告有限公司)成立于2001年。公司致力于以以国际化的市场运作理念为通信行业提供专业的整合营销服务。
        文鼎广告在品牌规划、公关策划及内容采编、经营运作方面有丰富的经验，为省联通数年的广告公关总代理、省电信内容提供商和合作伙伴。拥有一支由资深编辑、媒体记者和顶尖广告人组成的精英队伍，他们平均在传媒界工作六年，对于报纸、杂志的经营运作有独特的心得和卓越的能力，对网站经营的热点、内容把握有独到一面。
        2004年底公司成立科技事业部，专注于移动增值业务、宽带增值业务的开发以及运营，具有国家信产部颁发的“中华人民共和国增值电信业务经营许可证书”，可以进行全国范围的增值服务运营。尤其是跟互联星空广东站等有着良好的合作关系，并取得了优良的经济效益。
        公司成立至今，秉承着“惟专注，故专业；惟先行，故领先”的企业精神，传承着的诚信、善待、以义为先的企业文化。作为一间新锐的专注于通信行业的广告代理商和同运营商合作紧密的增值服务运营商，文鼎公司凭着对于通信行业有深刻的认识和了解，通过多年的发展，取得了骄人的成绩，已经成为通信行业整合营销传播机构之一和客户信赖的合作伙伴。
        在激烈的市场竞争中，我们将始终坚持 创新、发展、团结、求实 的企业精神，全方位为客户服务，并不断提升专业水准，为客户的发展做出积极的贡献。
        公司福利制度：公司实行五天工作制，提供完善的福利保障制度，一经录用，薪资福利优厚，公司提供午餐。
      

  15.   

    主要是做网站开发，其他的只是说有最好，没有也没关系。网站开发是要求熟悉web2.0网站的开发，类似社区、论坛的开发形式，这个方面要求有丰富经验即可。至于薪酬，看个人能力了，大概在4000到8000之间，如果觉得自己特别有能力，不止这个价格，也可以详谈。asp.net程序开发和数据库技术是必须有丰富经验的，JavaScript是要求精通的，因为很多地方需要用到，Ajax技术也是，要求相对熟练。如果做到这个，就是符合我们招聘的条件，大家有意向的可以联系我。