supriya_rani20 Ответов: 1

показывать кнопку закрытия над изображением при наведении на него курсора мыши

Я не могу понять, как я могу сделать следующее: Мне нужно показать кнопку закрытия над изображением, когда мышь нависает над ним. Нажатие этой кнопки приведет к удалению изображения. Проблема, конечно, не в удалении изображения, а в том, как показать кнопку закрытия в углу изображения при наведении мыши?

изображение находится в элементе управления ImageButton.

Заранее Спасибо...

1 Ответов

Рейтинг:
1

BobJanova

Я думаю, что вы можете сделать это с помощью CSS. Установите класс (ASP: CssClass, я думаю) на изображениях, о которых идет речь, прикрепите div под HTML-элементом, который его представляет (возможно, вам придется сделать некоторые хакерские действия, чтобы заставить его работать, например, пост-подгонку его с помощью JavaScript, если у вас нет доступа к шаблону для этого элемента управления, который вы используете). Установите стиль CSS, например:

myImageButton div { display:none }
myImageButton:hover div { display:block }


Кроме того, поместите обработчики JavaScript onMouseOver/onMouseOut на элементы, для которых вы хотите использовать это поведение. Опять же, вы можете использовать скрипт, который ищет элементы по классу CSS, чтобы прикрепить эти обработчики во время загрузки.

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