KPACHODAP
DELETED
- Регистрация
- 21 Дек 2009
- Сообщения
- 683
- Реакции
- 312
- Автор темы
- #1
Народ помогите всю бошку сломал как сделать pagination поверх слоя frame в slidejs
Тоесть у меня #frame имеет z-index: 3
я делаю для .pagination z-index:9999; он у меня один фиг под #frame уже замучался вот мой css
Скрытое содержимое доступно для зарегистрированных пользователей!
Тоесть у меня #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
*/