Наложение объектов

[Andrey_rus]

Здравствуйте!

При разрешении 1024х768 и меньше на сайте http://ritcar.ru можно наблюдать небольшой глюк. Есть вверху горизонтальное-выпадающее CSS меню (чисто CSS без JavaScript). А в левом блоке есть Flash баннер (там где надпись "Мы издаем")

Так вот. Выпадающее меню пункта "Издательство" подлазит под этот баннер, а хочется чтобы было сверху (перекрывало баннер).

Попробовал назначать блоку в Flash`кой z-index: 0, но не помогло. Причем такой казус только, когда там стоит Flash. Если поставить статичную картинку, то все нормально.

Приведу CSS код меню (у меню id nav), но кажется все намного проще и код даже ни к чему. Любые советы приветствуются. Спасибо.

#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0px solid #000;
  background: #515151;
  float: left;
}

#nav li {
  list-style: none;
  float: left;
  position: relative;
  background: #515151;
  //back\ground: none;
}

#nav li ul {
  list-style: none;
  display: none;
  position: absolute;
  background: url(fone-tr.png);
  padding: 8px 0;
  width: 240px;
}

#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0px 10px 0px 10px;
  background: url(dot.png) repeat-y right;
   font-family: Tahoma;
   font-weight: bold;
   font-size: 15px;
}
#nav a:hover {
  color: #000;
  background: #ccc;
}

#nav li:hover,
#nav li.jshover {
  background: #333;
}

#nav li li a {
  width: 240px;
  background: #515151;
  padding-bottom: 5px;
  border: 1px solid white;
  text-align: left;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 158px;
  top: -9px;
  left: 153px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}

[ZoNT]

У флэша wmode=transparent ?

[rus]

Так и юзайте свойство z-index.

Вы же сами себе ответили на вопрос, в чем проблема то?

[Andrey_rus]

Так и юзайте свойство z-index.

Вы же сами себе ответили на вопрос, в чем проблема то?

Так не помогло же. У блока меню ставил z-index: 100, у блока с Flash z-index: 0; Не пашет.

У флэша wmode=transparent ?

Нет.

[SelenIT]

Классическое решение

[homm]

>У флэша wmode=transparent ?

Нет.

Почему нет? Как раз да.

<embed wmode="transparent" src="/publish.swf" и так далее.

[Andrey_rus]

Почему нет? Как раз да.

<embed wmode="transparent" src="/publish.swf" и так далее.

Ух ты! Помогло. Благодарю. Надо будет почитать про этот wmode.

Классическое решение

Очень полезно. Спасибо!

[asker2]

error

Edited November 30, 2008 by asker2