Сделайте так, чтобы у ссылки было не интерактивное заполнение, а интерактивное фоновое изображение

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

У меня есть список ссылок с фоновыми изображениями, и все они имеют отступы, которые я не хочу, чтобы они были интерактивными. Тем не менее, я хотел бы иметь возможность нажимать на фоновые изображения. Можно ли включить события указателя на фоновом изображении? Я готов сделать это через CSS или через JS.

Например:

 $(document).ready(function () {
    $("?????").click(function (e) {
        e.preventDefault();
        $("a span").css({"color":"green"});
    });
});
  

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

Вот демонстрация того, что я имею в виду: http://jsfiddle.net/stamblerre/x7bdu/7 /

В этом случае я хотел бы иметь возможность щелкнуть по изображению карандаша.

Я сделал что-то похожее на jQuery, но я бы хотел, чтобы мышь выглядела так, как будто область нельзя щелкнуть, и мое решение не останавливает изменение мыши, поэтому я ищу альтернативное средство.

Спасибо за вашу помощь!!

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

1. извините, но прямо сейчас я просто сомневаюсь в том, что вы используете фоновое изображение в качестве интерактивного элемента. Почему это должно быть фоновое изображение? Может ли это быть просто отдельный элемент, расположенный там, где вы хотите, чтобы он был?

2. да, это странно, я знаю. я улучшаю раздел существующего сайта, добавляя выпадающее меню, и это уже было сделано таким образом — я попытался реструктурировать его, но форматирование в итоге полностью испортилось, поэтому я пытался оставить большую часть ранее существовавших материалов нетронутыми.

Ответ №1:

Не уверен, что это все, что вам нужно, но чтобы предотвратить изменение мыши, вам просто нужно сделать

 a {
  cursor: defau<
}
  

http://jsfiddle.net/michaelburtonray/x7bdu/11/

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

1. ах, я действительно знал об этом и по какой-то причине не думал об этом. технически это не совсем то, на что я надеялся (я предполагаю, что то, что я хочу, на самом деле не существует …), Но эстетически это работает, и этого достаточно для меня! спасибо за вашу помощь!