zoukankan      html  css  js  c++  java
  • unslider点导航不显示错误

    原因是,unslider插件只添加了dots文件并没有设置样式

    解决办法

    .banner {
        position: relative;
        width: 100%;
        overflow: auto;
    
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    
        color: rgba(255,255,255,.6);
        text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
    
        background: #5b4d3d;
        box-shadow: 0 1px 2px rgba(0,0,0,.25);
    }
        
        .banner ul li {
            display: block;
            float: left;
            width: 33%;
            min-height: 350px;
    
            -o-background-size: 100% 100%;
            -ms-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    
            box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
        }
    
    .banner .dots {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
        }
    .banner .dots li {
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 0 4px;
    
                text-indent: -999em;
    
                border: 2px solid #fff;
                border-radius: 6px;
    
                cursor: pointer;
                opacity: .4;
    
                -webkit-transition: background .5s, opacity .5s;
                -moz-transition: background .5s, opacity .5s;
                transition: background .5s, opacity .5s;
            }
    .banner .dots li.active {
                    background: #fff;
                    opacity: 1;
                }

    当然样式部分可以自己调

  • 相关阅读:
    CentOS6.5安装Tab增强版:bash-completion
    005_linux下logrotate 配置和理解
    ITIL与ITSM的联系与区别
    C++----练习--bool类型作为特别的int要区别对待
    C++----练习--while求和
    C++----练习
    mysql----二进制包安装
    linux----ulimit 限制
    python----特性003
    python----特性002
  • 原文地址:https://www.cnblogs.com/zuoxiaobing/p/3504556.html
Copyright © 2011-2022 走看看