• 技术文章 >web前端 >html教程

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

    2016-06-24 12:00:49原创603

    输入框提示列表效果
    
    您属于:
    性别:
    学历:


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


    回复讨论(解决方案)

    输入框提示列表效果
    
    您属于:
    性别:
    学历:


    你试试,记得闭合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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:html_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 免费下载:简单、优雅的现代风格界面工具包_html/css_WEB-ITnose• 有关浏览器兼容样式问题_html/css_WEB-ITnose• 作为内联样式,在火狐和IE6显示正常;作为外联样式,火狐正常,IE6就是没有引入CSS的HTML内容。_html/css_WEB-ITnose• 急求解决栏目错位的办法!_html/css_WEB-ITnose• html网页中DOCTYPE疑问_html/css_WEB-ITnose
    1/1

    PHP中文网