Opera 9.2 не отображает кнопки

[ankoch]

Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь).

Как решить проблему?

Код css кнопок прилагаю:

.zinf-button-wrapper .zinf-button

{
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: left;
  text-decoration: none !important;
  color: #FFFFFF !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 19px;
  height: 19px;
  margin: 0;
  padding: 0 9px !important;
  overflow: visible;
  cursor: pointer;
  z-index: 0;
}



.zinf-button img, .zinf-button-wrapper img

{
  margin: 0;
  vertical-align: middle;
}

.zinf-button-wrapper

{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .zinf-button-wrapper

{
  display: block;
  float: left;
}

input, select

{
  vertical-align: middle;
  font-size: 12px;
}


.zinf-button-wrapper.hover .zinf-button, .zinf-button:hover
{
  color: #FFFFFF !important;
  text-decoration: none !important;
}


.zinf-button-wrapper.active .zinf-button

{
  color: #F0F0F0 !important;
}

.zinf-button-wrapper .l, .zinf-button-wrapper .r

{
  display: block;
  position: absolute;
  z-index: -1;
  height: 57px;
  margin: 0;
  padding: 0;
  background-image: url('../images/button.png');
}

.zinf-button-wrapper .l

{
  left: 0;
  right: 7px;
}

.zinf-button-wrapper .r

{
  width: 415px;
  right: 0;
  clip: rect(auto, auto, auto, 408px);
}

.zinf-button-wrapper.hover .l, .zinf-button-wrapper.hover .r
{
  top: -19px;
}

.zinf-button-wrapper.active .l, .zinf-button-wrapper.active .r
{
  top: -38px;
}

.zinf-button-wrapper input
{
  float: none !important;
}

[psywalker]

Уже почти вышла Opera 10.6, мало того, они каждые пол-года появляются новые.

[stars]

Уже почти вышла Opera 10.6, мало того, они каждые пол-года появляются новые.

Эм а у меня уже 10.6...

[ankoch]

Эм а у меня уже 10.6...

Я с Вами полностью согласен, однако о данной проблеме мне написал один из посетителей моего сайта. Как им всем объяснить, что не нужно тупо устанавливать скриптами из ZverCD Opera 9.2, а скачать нормальную обновлённую версию? А их таких наверное много...

Должно же быть решение, кнопки на других сайтах она же (Opera 9.2) видит!

[Veseloff]

Ссылку на страницу в студию!

[ankoch]

Ссылку на страницу в студию!

Страница

[Great Rash]

Как им всем объяснить, что не нужно тупо устанавливать скриптами из ZverCD Opera 9.2, а скачать нормальную обновлённую версию?

А разве Опера не обновляется автоматически как остальные человеческие браузеры?

[ankoch]

А разве Опера не обновляется автоматически как остальные человеческие браузеры?

Всё обновляется, только всё же есть такие пользователи, которые не обновляют браузеры.

Вопрос по существу: как исправить ситуацию?

Размышления по поводу необходимости обновления браузера уже были (я тоже считаю, что нужно пользоваться современными браузерами ).

[Great Rash]

Вопрос по существу: как исправить ситуацию?

Т.к. у меня Опера обновляется автоматом, то посмотреть в версии 9.2 возможности нет.

Но я на 99% уверен, что дело в отрицательном z-index. Избавьтесь от z-index: -1;

[ankoch]

Избавьтесь от z-index: -1;

Замена z-index: -1 на z-index: 0 и на z-index: 10 не помогла

[Great Rash]

Не вижу по коду, чтобы вы что-то изменили. Если меняете на тестовой странице, то дайте ссылку на нее.

[ankoch]

Не вижу по коду, чтобы вы что-то изменили. Если меняете на тестовой странице, то дайте ссылку на нее.

Уже поменял обратно , поскольку в "нормальных" браузерах фон кнопки вылез вверх, а в древней опере, всё осталось по прежнему.

ПРОБЛЕМА ОСТАЛАСЬ НЕРЕШЁННОЙ.

Edited July 27, 2010 by ankoch

[Great Rash]

Уже поменял обратно , поскольку в "нормальных" браузерах фон кнопки вылез вверх, а в древней опере, всё осталось по прежнему.

Все дело в том, что вы тычетесь как слепой котенок. Вы убрали отрицательный z-index, а кто будет добавлять положительный контейнеру с текстом?

Существует уже давно опробованный и хорошо зарекомендовавший себя способ "раздвижных дверей" (как раз для создания подобных кнопок), но вам понадобилось извращаться с clip, для чего?