Нажав на слои / деления

Трудно сказать, не увидев некоторого кода.

Вы можете попробовать установить z-index на нижнем слое, но это работает с элементами, которые были позиционированы с абсолютным, относительным или фиксированным ( позиция: абсолютная).

редактировать после просмотра кода:

Добавить позицию: относительная; z-индекс: 100; в #rightLayer.

Или вы можете удалить ширину: 100% из .Layer3.

Возможно, вы захотите провести рефакторинг своего кода и использовать макет из двух столбцов для #rightLayer и .Layer3.

css

#Layer0 {
    width:100%;
    height:100%;
}
body {
    margin:10px 10px 0px 10px;
    padding:0px;
    color:#999999;
    font-family:"Trebuchet MS",arial,sans-serif;
    font-size:70.5%;
}
#Layer1 {
    width:200px;
    margin-top:17px;
    font-size:1.0em;
    padding-left:12px;
    padding-top:8px;
}
#Layer2 {
    background:#fff;
    margin-left:199px;
    color:#000;
}

#rightlayer {
float:right;
}
.Layer3 {
}

html

<div id="Layer0">
    <div id="Layer2" class="Layer2">
        <h1>TEST</h1>
    </div>
    <div id="Layer1" class="Layer1">
        <h3 align="left">Brands</h3>
    </div>
    <div class="content">
        <div id="rightlayer">
            <a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p>
        </div>
        <div id="Layer3" class="Layer3">
            <h1>Ed Hardy Auctions</h1>
        </div>
    </div>
</div>

Это была бы гигантская работа, но это возможно.
Вам нужно будет захватить событие щелчка на верхнем слое / div и найти положение курсора xy.
Затем найдите все ссылки в слое / div под верхним слоем и посмотрите, совпадает ли его положение на экране с текущим положением мыши.
Затем вы можете активировать щелчок по соответствующей ссылке.
Я бы использовал для этого jQuery (если вы еще этого не сделали), а затем повторно разместил бы сообщение с тегом jQuery, если у вас возникнут проблемы.

Из примера я предполагаю, что ссылки в правом слое - единственные ссылки, по которым нужно щелкнуть, и что у вас нет ссылок в других слоях. Если это так, вы можете решить проблему, изменив порядок z-index для div.

Layer1 и Layer3 имеют абсолютное положение, поэтому, если вы добавите стиль положения (абсолютный или относительный) к Layer2, вы сможете вытащить этот div на передний план, также вытягивая div правого уровня, чтобы он находился на более высоком уровне, чем Layer 3.

Я добавил следующее в CSS:

#Layer2 {    
    position: relative;
    z-index: 1;
}

Из того, что я вижу, текущая настройка страницы остается такой, как она есть , но вытягивает все элементы (включая правый слой со ссылками) на передний план, чтобы вы могли щелкнуть все ссылки в нем.

В целях отладки я предлагаю добавить цвета фона ко всем различным слоям, чтобы получить представление о порядке z-индекса различных слоев. С установленным цветом фона было довольно легко определить слой, который перекрывает ссылки, а также проверить, что новый порядок z-индекса делает ссылки доступными.

Надеюсь, это поможет!

I submitted a bug years ago to the Firefox Bugzilla saying that there was this very bug in Firefox.

I was told by a Mozilla engineer that this was not actually a bug and that it is the correct behaviour as per the HTML/CSS specifications. К сожалению, я не могу найти исходную ошибку для ссылки, как это было около 6 лет назад.

Причина, по которой я отправил ошибку, заключалась в том, что я мог щелкнуть верхний div на ссылки ниже при использовании IE (я думаю, 6), но Firefox не позволил мне.

Как обычно, оказалось, что IE имел неправильную реализацию и Firefox работал так, как предполагалось в спецификации.

Тот факт, что div является прозрачным, не означает, что вы должны иметь возможность щелкать по

Я не уверен, как можно обойти это с помощью JavaScript или CSS. Я бы сделал шаг назад и еще раз подумал о том, чего вы пытаетесь достичь и как вы пытаетесь этого достичь.

Грег

Не могли бы вы просто установить ширину div на auto (по умолчанию для абсолютного позиционирования - т.е. просто удалите ширину: 100% из .Layer3).

Таким образом, div будет быть настолько широким, насколько это необходимо, а не перекрывать ссылки без необходимости.