如何讓整個DIV可點擊進入另一個頁面？

不要將其綁定到javascript「onclick」。如何讓整個DIV可點擊進入另一個頁面？

它需要是一個錨點。

我知道我可以將onclick綁定到div並使其成爲window.location。但是，那麼...用戶無法通過CONTROL +單擊它打開新的選項卡。

我只想要一個填充整個div的<a>。

來源

2010-12-02 TIMEX

請詳細說明。 DIV可以點擊，所以你做的其他事情不對。發佈一些代碼。 – 2010-12-02 08:54:39

HTML5「href任何地方」去哪裏？ – Thilo 2010-12-02 08:56:03

爲什麼你不使用錨標籤。您可以設計它的樣式以避免產生鏈接效應 – 2010-12-02 08:56:35

嘗試設置錨點顯示爲您的DIV內的塊和它的高度設置爲100％，這樣的：

<style> 
    a { display: block; height: 100% } 
    #test { width: 100px; height: 200px; background: red; } 
</style> 


<div id='test'><a href='#'>...</a></div>

你可以看到一個作品這裏的示例：http://jsbin.com/ujoca3/2/edit

來源

2010-12-02 09:00:50 Erik

<div> 
    <a href="somepage.php" style="display: block; height:100%; width: 100%; margin: 0; padding: 0;"></a> 
</div>

來源

2010-12-02 08:58:59 Fred

一些HTML代碼：

<div><a href="#"></a></div>

一些CSS

yourdiv { position: relative; } 
yourdiv a { position:absolute; left:0;right:0;top:0;bottom:0; }

來源

2010-12-02 08:59:22 choise

執行此操作的語義方法是使錨點像div一樣操作。因爲你不需要容器中的其他東西，所以有一個容器是沒有意義的。

<style> 
    a.fakeDiv, a.fakeDiv:link, a.fakeDiv:hover, a.fakeDiv:active, a.fakeDiv:visited{ 
     display: block; 
     text-decoration: none; 
     color: Black; 
     cursor: default; 
     outline: none; 
    } 
</style> 
<a class="fakeDiv">Content</a>

來源

2010-12-02 09:06:18

如何讓整個DIV可點擊進入另一個頁面？

回答

相關問題