slidejs как сделать pagination поверх слоя frame

Тема в разделе "JavaScript", создана пользователем KPACHODAP, 22 сен 2014.

Модераторы: ZiX
  1. KPACHODAP

    KPACHODAP DELETED

    Регистр.:
    21 дек 2009
    Сообщения:
    640
    Симпатии:
    111
    Народ помогите всю бошку сломал как сделать pagination поверх слоя frame в slidejs


    Тоесть у меня #frame имеет z-index: 3

    я делаю для .pagination z-index:9999; он у меня один фиг под #frame уже замучался вот мой css

    Код:
    
    
    #example {
       width:990px;
       height:348px;
       position:relative;
    }
    
    
    #frame {
       position:absolute;
       z-index:3;
       width:990px;
       height:348px;
       top:0px;
       left:0px;
         overflow:hidden;
    }
    
    /*
       Slideshow
    */
    
    #slides {
       position:absolute;
       top:0px;
       left:0px;
       z-index:0;
    }
    
    /*
       Slides container
       Important:
       Set the width of your slides container
       Set to display none, prevents content flash
    */
    
    .slides_container {
       width:990px;
       overflow:hidden;
       position:relative;
       display:none;
    }
    
    /*
       Each slide
       Important:
       Set the width of your slides
       If height not specified height will be set by the slide content
       Set to display block
    */
    
    .slides_container a {
       width:990px;
       height:341px;
       display:block;
    }
    
    /*
       Next/prev buttons
    */
    
    #slides .next,#slides .prev {
       position:absolute;
       top:107px;
       left:-39px;
       width:24px;
       height:43px;
       display:block;
       z-index:101;
    }
    
    #slides .next {
       left:585px;
    }
    
    /*
       Pagination
    */
    
    #slides .pagination {
    
       width:100px;
       position:absolute;
       top:340px;
       z-index:9999;
       left:20px;
       
    }
    
    #slides  .pagination li {
       float:left;
       margin:0 1px;
       list-style:none;
    
    
    
    }
    
    #slides  .pagination li a {
       display:block;
       width:12px;
       height:0;
       padding-top:12px;
       background-image:url(../images/pagination.png);
       background-position:0 0;
       float:left;
       overflow:hidden;
    
    
    
    }
    
    #slides  .pagination li.current a {
       background-position:0 -12px;
    
    }
    
    /*
       Footer
    */
    
    
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    Новое выделил жирным. Дерзай.
     
    KPACHODAP нравится это.