Блог

Главная - Вопросы по программированию - HTML: нужен innerHTML, чтобы стать его родительским z-индексом

HTML: нужен innerHTML, чтобы стать его родительским z-индексом

#html #z-index

#HTML #z-индекс

Вопрос:

У меня есть кнопка, которая находится внутри div, но мне нужно поместить этот div поверх этой кнопки, чтобы иметь возможность использовать событие onMouseOut.

Я попытался изменить z-индексы этих двух, хотя это не помогло. Есть идеи? Я могу включить код для лучшего понимания, но я думаю, что в этом нет необходимости.

Комментарии:

1. Я думаю, что ваш подход ошибочен. Размещение div поверх кнопки эффективно отключит кнопку. В чем корень проблемы?

2. Проблема в том, что когда я отключаю кнопку с помощью javascript, она не может реагировать на событие OnMouseMove, поэтому мне приходится использовать div для него, чтобы запустить эту функцию javascript.

3. jquery parent() api.jquery.com/parent

4. Но зачем вам это нужно mouseMove ? В мобильном мире, полном сенсорных устройств, это, вероятно, не очень хорошо использовать в любом случае.

Ответ №1:

Невозможно. Дочерние элементы всегда будут отображаться над своим родителем.

Вам нужно искать другой подход; отключенные элементы, похоже, не имеют событий. Я бы пересмотрел пользовательский интерфейс, чтобы обойти эту проблему. Если вам абсолютно необходима эта функциональность, возможно, замените отключенную кнопку другим элементом HTML, который может принимать события наведения курсора мыши.

http://jsfiddle.net/4HU72/

HTML

 <button>Active Button</button>
<div>Disabled Button</div>
<a href="#">Disable button</a>
<span></span>

CSS

 button, div {
    width: 200px;
    height: 200px;
    display: block;
    background-color: #336699;
}

div {
    display: none;
}

Javascript

 $("a").click(function() {
   $("button").hide();
   $("div").show();
});

$("button, div").mousemove(function(e) {
    $("span").html(e.pageX "|" e.pageY);
});
Метки: