Ссылка в подслое почему-то не активная

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Ссылка в подслое почему-то не активная

Опции

myaltai

Topic Starter сообщение

12.10.2016, 19:45; Ответить: myaltai

Сообщение #1

Участник

Группа: User
Сообщений: 123
Регистрация: 3.6.2012
Из: с. Алтайское
Поблагодарили: 27 раз
Репутация:

Привет!
На html странице есть два div-а: один - как бы основной, другой - "подсунут" под него, как бы торчит-выглядывает с боку, как закладка под листом. В этом подслое есть ссылка, но она, почему-то браузером показывается как текст, а не как активная ссылка... Вот фрагмент кода:

Код

...
<div class="main">

    <div class="breadmites">
        <a href="http://site.ru">Home</a>
    </div>

    <h1>Caption</h1>
    <p>Text...</p>

</div>
...
<style>
.main {
    position: relative;
    box-shadow: 0 0 15px 0 rgb(177, 177, 177);
    margin-top: 35px;
    background: #ffffff;
}
.breadmites {
    position: absolute;
    left: 33px;
    top: -25px;
    z-index: -1;
    box-shadow: 0 0 15px 0 rgb(177, 177, 177);
}
</style>

Задаю "z-index: 1" - ссылка становится активной, но в подслое (-1) она опять становится текстом... а хотелось бы активную ссылку!

--------------------

Мой "Мой Алтай"

Ответить с цитированием данного сообщения

psyvortex psyvortex 12.10.2016, 21:19; Сообщений: 53 Поблагодарили: 10 раз Репутация: 1 Просмотр профиля	12.10.2016, 21:19; Ответить: psyvortex Сообщение #2
Частый гость Группа: User Сообщений: 53 Регистрация: 23.6.2011 Поблагодарили: 10 раз Репутация: 1	myaltai, смотрю на выданный код (на codepen), при -1 также активна. Можешь в ЛС скинуть ресурс, посмотрю , подскажу!) Сообщение отредактировал psyvortex - 12.10.2016, 21:27 -------------------- Разработка на JavaScript, jQuery. Автоматизация действий на веб-сайтах. - это ко мне (: Поблагодарили: (1) myaltai

myaltai Topic Starter myaltaiTopic Starter 13.10.2016, 14:05; Сообщений: 123 Поблагодарили: 27 раз Репутация: 16 Просмотр профиля	Topic Starter 13.10.2016, 14:05; Ответить: myaltai Сообщение #3
Участник Группа: User Сообщений: 123 Регистрация: 3.6.2012 Из: с. Алтайское Поблагодарили: 27 раз Репутация: 16	psyvortex, спасибо, но код пока в шаблоне на локальном Денвере... psyvortex прав, фрагмент в codepen-е работает, но добавляем перед ним, к примеру, шапку <header><p>Logo</p></header>, заполненную, или пустую с заданной высотой через CSS. И опа, ссылка перестает быть ссылкой и в окне codepen-а! -------------------- Мой "Мой Алтай"

psyvortex psyvortex 13.10.2016, 15:09; Сообщений: 53 Поблагодарили: 10 раз Репутация: 1 Просмотр профиля	13.10.2016, 15:09; Ответить: psyvortex Сообщение #4
Частый гость Группа: User Сообщений: 53 Регистрация: 23.6.2011 Поблагодарили: 10 раз Репутация: 1	myaltai, ну я бы вовсе посоветовал обойтись без z-index. Хорошей практикой было бы тогда сделать два дива один из который "закладка" , а второй "лист бумаги". и априори второй будет закрывать первый. Например так: Код <div class="a"><a href="http://">div a</a></div> <div class="b">div b </div> <style> .a { position:relative; width:100px; background:lime; top:10px; padding:5px; } .b { position:relative; width:500px; height:200px; background:grey; } </style> add: А main использовать просто как контейнер с общими параметрами. Сообщение отредактировал psyvortex - 13.10.2016, 15:10 -------------------- Разработка на JavaScript, jQuery. Автоматизация действий на веб-сайтах. - это ко мне (:

myaltai Topic Starter myaltaiTopic Starter 14.10.2016, 8:32; Сообщений: 123 Поблагодарили: 27 раз Репутация: 16 Просмотр профиля	Topic Starter 14.10.2016, 8:32; Ответить: myaltai Сообщение #5
Участник Группа: User Сообщений: 123 Регистрация: 3.6.2012 Из: с. Алтайское Поблагодарили: 27 раз Репутация: 16	ПоЯндексил, нашел только такую же рекомендацию не использовать отрицательный z-index... -------------------- Мой "Мой Алтай"

psyvortex

14.10.2016, 13:26; Ответить: psyvortex

Сообщение #6

Частый гость

Группа: User
Сообщений: 53
Регистрация: 23.6.2011
Поблагодарили: 10 раз
Репутация:

myaltai, просто z-index сам по себе опасный метод))) тем более если отрицательные значения) и каждый добавленный блок может перекрывать и нужно сразу сортировать по глубине. А так два div-чика , всё просто и удобненько (:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Разработка на JavaScript, jQuery. Автоматизация действий на веб-сайтах. - это ко мне (:

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Вечные ссылки с 300+ СДЛов, тиц до 750, ЯКи, DMOZ, от 1$/ссылка вечные ссылки	259	SeoUaSales	129345	30.3.2024, 18:27 автор: Hillel_Silver
Вечная статейная трастовая ссылка ИКС 20000 чектраст 100/2.5	22	inetuser	11048	2.1.2024, 17:18 автор: inetuser
Одна вечная ссылка 5$ ИКС 24000	2	mylink1	5979	8.4.2020, 17:39 автор: mylink1
Почему нельзя давать рекламу на бренд?	6	Bilish	1359	12.1.2020, 13:47 автор: BLIK
Почему стоит выбрать именно Berileads?	2	leadkreditrf	1833	27.11.2019, 12:39 автор: -leadkreditrf-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 25.4.2024, 20:25

Дизайн