Ссылка на полный div - html и css

Question

Некоторый текст

.sliderPart {   
    width: 25%;
    height: 100%;
}

.sliderPart a {
    display:block;
    position:relative;
    text-decoration:none;
    height: 100%;
    font: 1.3em  Arial, Sans-serif;
}  

Как я могу сделать мою ссылку кликабельной для всей области деления?

Answer 1

Самое простое - полностью удалить div:

<a href="#computers" class="sliderPart">
   <strong>Some text</strong>
</a>

a.sliderPart {
  ...
}

Answer 2

Попробуйте это:

$(".trigger").click(function() {
    window.location = $(this).find("a").attr("href");
    return false;
});

.. вам также нужно присвоить cursor: pointer элементу, активируемому щелчком мыши.

Answer 3

Для выпадающих списков я часто использую следующий метод ...

Если вы не против использования скриптов, вы можете сделать сам div своего рода прокси-сервером, так что если вы щелкаете в любом месте div, то первая ссылка в этом div впоследствии автоматически нажимается.

$(".sliderPart").bind("click", function(){
  $("a:first", this).trigger("click");
});

Конечно, вы захотите обновить свои стили для div, когда вы наводите на него курсор мыши, чтобы указать, что все это доступно для клика.

Answer 4

Поместите ссылку за пределы div. Вы можете заставить тег привязки действовать аналогично тегу div. Как вы делаете в CSS, который вы опубликовали.