zoukankan      html  css  js  c++  java
  • 定位菜单

    设置最小宽度,以便容器内容为空时仍可显示默认宽度,内容较多时可自动扩展,也可称为安全宽度,默认为1004px

    让元素“消失”的方法:
      display:none;//隐藏对象
      opacity:0//设置透明
      overflow:hidden;//隐藏溢出元素
      visibility:hidden;//设置元素不可见
      0;height:0;

    input输入框无法添加图片,textArea文本域可以添加背景图片
            <div class="mainbox">
                <div class="btn">a
                    <div class="title">菜单1</div>
                </div>
                <div class="btn">b
                    <div class="title">菜单2</div>
                </div>
                <div class="btn">c
                    <div class="title">菜单3</div>
                </div>
                <div class="btn">d
                    <div class="title">菜单4</div>
                </div>
            </div>
    .btn:hover{
        background: #900;
    }
    .btn .title{
        height: 50px;
        
        background: #900;
        border-radius: 5px;
        overflow: hidden;
        
        position: absolute;
        top: 0px;
        right:50px;
        
        /*1 使用display控制元素是否显示*/
        /* 80px;*/
        /*display:none;*/
        
        /*2 使用动画Transition,一旦width的值变化,就开始动画*/
         0px;
        /*transition: width 1s;*/
        
        /*3 使用Opaicity透明度*/
        /* 80px;*/
        /*opacity: 0;*/
        
        /*4 使用动画监视多个变量*/
        /* 0;*/
        /*opacity: 0;*/
        /*transition: all 1s;*/
        
    }
    .btn:hover .title{
        
        /*1 */
        /*display: block;*/
        
        /*2 */
         80px;
        
        /*3*/ 
        /*opacity: 1;*/
        
        /*4 */
        /* 80px;
        opacity: 1;*/
    }
  • 相关阅读:
    java面向对象第三章
    java基础(9)
    java基础(8)
    java基础(7)
    java基础(6)
    Java(20)file i/o
    Java(19)JDBC
    Java(18) 集合框架
    Java(17)异常
    Java(16)接口
  • 原文地址:https://www.cnblogs.com/roxy/p/7394749.html
Copyright © 2011-2022 走看看