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

KPACHODAP

DELETED
Регистрация
21 Дек 2009
Сообщения
675
Реакции
274
Народ помогите всю бошку сломал как сделать 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
*/
 
#slides .slidesjs-container {
margin-bottom: 10px;
z-index: 2;
}
.slidesjs-pagination {
bottom: 40px;
left: 10px;
list-style: none outside none;
margin: 6px 0 0;
position: absolute;
z-index: 3;
}
#slides {
display: none;
position: relative;
}
Новое выделил жирным. Дерзай.
 
Назад
Сверху