使链接没有可点击的填充，但是可点击的背景图像

Question

我有一个带背景图片的链接列表，它们都有填充，我不想点击。但是，我希望能够点击背景图片。是否可以在背景图像上启用指针事件？我愿意通过CSS或通过JS来实现。

例如：

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

我在jQuery中有一个大致具有这种性质（但有点复杂）的功能，但我希望点击仅引用背景图像，所以我不确定该怎么做。

以下是我的意思演示：http://jsfiddle.net/stamblerre/x7bdu/7/

在这种情况下，我希望能够点击铅笔图像。

我已经做了类似jQuery的事情，但是我希望鼠标看起来好像无法点击一个区域，而且我的解决方案不会阻止鼠标改变，这就是为什么我在寻找替代品装置

感谢您的帮助!!

Answer 1

不确定这是否是您所需要的，但为了防止鼠标更改，您只需要执行

a {
  cursor: default;
}

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