鏈接到滿格 - 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; 
} 

我怎樣才能讓我的鏈接點擊所有的div區域？

Answer 1

把鏈接放在div之外。您可以使錨定標記的行爲與div類似。就像你在發佈的CSS中一樣。

Answer 2

最簡單的事情是完全除去股利：

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

a.sliderPart { 
    ... 
} 

Answer 3

對於下拉列表，我用下面的方法很多...

如果你不反對使用腳本，你可以讓div本身成爲一種代理類型，這樣如果你點擊div上的任何地方，該div中的第一個鏈接就會自動被點擊。

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

當然，如果您將鼠標移到div上以指示整個事件是可點擊的，您將希望更新div的樣式。

Answer 4

試試這個：

也..you'd需要給cursor: pointer可點擊元素。