Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Z-index не работает 
V
    Опции темы
studentigor
Дата 2.10.2009, 13:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



Добрый день.
Возникла такая проблемка:
есть 2 фоновых изображения (рис1, рис2)  рис 2 должен находится над рис 1
тоесть 

для рис1 - z-index: 1;
для рис2 - z-index: 5;

но это работает только в IE а в  mozilla, opera почемуто не действует
в чём может быть проблема?

PM MAIL   Вверх
bars80080
Дата 2.10.2009, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



position какой указан?
дело также может быть в разметке. какая у вас разметка объединяет эти рисунки?
PM MAIL WWW   Вверх
studentigor
Дата 2.10.2009, 19:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



position:absolut;
Цитата

какая у вас разметка объединяет эти рисунки?

что за разметка?
У меня так:
Код

<div id="tabs">
     <ul class="box">
         <li><a href='#'>Navigation<span class='tab-r'></span>|</a></li>
            <li><a href='#'>Navigation |</a></li>
            <li><a href='#'>Navigation |</a></li>
            <li><a href='#'>Navigation<span class='tab-l'></span></a></li>
        </ul>
    </div>

и у меня в угалках нужно вставить срезы
Код

<span class='tab-r'></span>
 - устанавливает картинку срез, и её нужно поместить на верхний слой
PM MAIL   Вверх
bars80080
Дата 2.10.2009, 19:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(studentigor @  2.10.2009,  19:20 Найти цитируемый пост)
position:absolut;

имеется ввиду:

Код

.tab-r { position: absolute; }


?
кстати, вы слово абсолют написали с ошибкой

добавьте ещё такие стили:

Код

.box li, .box li a { position: relative; z-index: 0; }


Это сообщение отредактировал(а) bars80080 - 2.10.2009, 19:30
PM MAIL WWW   Вверх
studentigor
Дата 2.10.2009, 19:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



не помогает
PM MAIL   Вверх
youri
Дата 2.10.2009, 20:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16



можно показать как сейчас выглядит? Или ссылку на страничку дать?
PM   Вверх
studentigor
Дата 5.10.2009, 12:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



Сейчас выглядит так:
http://pic.ipicture.ru/uploads/091005/S2rWesBGZv.png

И возникли такие проблемы:
1. не работает z-index( меню должно выглядеть так как выглядит с надписями (главная авиакасы...) но из за того что не работает з индекс оно выглядит (навигация ...));
2. в бекграунде таже запарка - з-индекс;
3. при уменшении вся страница уменьшается относительно верхнего левого угла. как сделать чтобы уменьшалась относительно центра.
Заранее спасибо

Это сообщение отредактировал(а) studentigor - 5.10.2009, 12:17
PM MAIL   Вверх
youri
Дата 5.10.2009, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16



ссылку на страничку или прикрепить к сообщению?
PM   Вверх
studentigor
Дата 5.10.2009, 14:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



Не могу загрузить
слишком большой размер
PM MAIL   Вверх
studentigor
Дата 5.10.2009, 15:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



вот архив 

Это сообщение отредактировал(а) studentigor - 5.10.2009, 15:44

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  1.RAR 902,39 Kb
PM MAIL   Вверх
youri
Дата 6.10.2009, 11:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16



ну так ты ж opacity назначил, причем не кроссбраузерно
PM   Вверх
studentigor
Дата 6.10.2009, 11:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



а что если прозрачность назначена то слой не работает?

PM MAIL   Вверх
youri
Дата 6.10.2009, 11:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16



если прозрачность назначена, то изображение прозрачное
PM   Вверх
studentigor
Дата 6.10.2009, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет



но я когда убрал прозрачность то всеравно слой не накладывается?
PM MAIL   Вверх
youri
Дата 6.10.2009, 16:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16



если бы слой был под, то не было бы видно его части. Значит ты как-то не так прозрачность убрал
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0668 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.