просто оберните тэг вокруг всего извлечения html, например
<a href="/categories/1">
<img alt="test1" class="img-responsive" src="/assets/photo.jpg" />
<div class="caption bg-orange">
<h2>
test1
</h2>
</div>
</a>
в моем примере класс caption имеет эффекты зависания, что с указателями-событиями: none; вы просто потеряете
обертывание содержимого будет поддерживать ваши зависающие эффекты, и вы можете щелкнуть по всему изображению, включая div, !