请问这个下拉列表提示怎么可以让所有的项都遮住_html/css_WEB-ITnose

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">输入框提示列表效果  function showAndHide(obj,types){    var Layer=window.document.getElementById(obj);    switch(types){  case "show":    Layer.style.display="block";  break;  case "hide":    Layer.style.display="none";  break;}  }  function getValue(obj,str){    var input=window.document.getElementById(obj);input.value=str;  }
 
 您属于:
      
  
    
      
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  
   
性别:
       
  
    
      
  •   
  
   
学历:
       
  
    
      
  • 专科
  •   
  • 本科
  •   
  • 研究生
  
   

登录后复制

第一项的china 和USA 如何使所有的项都有背景,而又部导致后面的性别与学历移位

回复讨论(解决方案)

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">输入框提示列表效果  function showAndHide(obj,types){    var Layer=window.document.getElementById(obj);    switch(types){  case "show":    Layer.style.display="block";  break;  case "hide":    Layer.style.display="none";  break;}  }  function getValue(obj,str){    var input=window.document.getElementById(obj);input.value=str;  }
 
 您属于:
      
  
    
      
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  •   
  • USA
  •   
  • China
  
   
性别:
       
  
    
      
  •   
  
   
学历:
       
  
    
      
  • 专科
  •   
  • 本科
  •   
  • 研究生
  
   

登录后复制

你试试,记得闭合css,不然会出问题的.另外你可以在输入框设置一个默认值.

登录后复制

上面这样注释CSS是错的。

要像下面这样注释才可以。。。。。。

/*body{background:#fff}.Menu {position:relative;width:120px;height:80px;z-index:1;background: #EEE;border:1px solid #666;margin-top:-100px;display:none;}.Menu2 {position: absolute;left:0;top:0;width:100%;height:auto;overflow:hidden;z-index:1;}.Menu2 ul{margin:0;padding:0}.Menu2 ul li{width:100%;height:25px;line-height:25px;text-indent:15px;border-bottom:1px dashed #999;color:#333;cursor:pointer;z-index: 1000;background-color: #79CDCD;} change:expression(  this.onmouseover=function(){    this.style.background="#f5f5f5";  },  this.onmouseout=function(){    this.style.background="";  } )}input{width:120px}.form{width:120px;height:auto;}.form div{position:relative;top:0;left:0;margin-bottom:5px}#List1,#List2,#List3{left:0px;top:93px;}*/

登录后复制

你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下

你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下

是哦。

现在还有个问题是Menu 的边框没有把Menu2的铺满

你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下

是哦。

现在还有个问题是Menu 的边框没有把Menu2的铺满

.Menu {position:relative;width:120px;height:100px;z-index:1;background: #EEE;margin-top:-100px;display:none;}.Menu2 ul{margin:0;padding:0;border:1px solid #666;}

登录后复制

更新这两个css

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3092165.html

(0)
上一篇 2025年3月28日 13:45:25
下一篇 2025年3月28日 13:45:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论