按鈕裏面的鏈接在IE中不起作用

我有使用html元素的按鈕的sitewiode樣式。對於提交表單的按鈕，這很有效。但是有些按鈕只是鏈接。所以我用這個語法：按鈕裏面的鏈接在IE中不起作用

<a href="#"><button>Link Text</button></a>

這工作完全在IE除外，那裏的按鈕點擊，但沒有任何反應的所有瀏覽器。鏈接沒有被遵守。

我怎樣才能得到這個工作在IE瀏覽器？

2011-07-22 Alex

不要把按鈕放在鏈接裏面。您可以輕鬆地將<a>設置爲與使用CSS的<button>一樣。

2011-07-22 03:16:21 AlienWebguy

完全同意，只需添加一個類到您的鏈接，如鏈接按鈕 –

CSS存在的全部原因是允許您從內容中分離樣式。如果僅僅因爲CSS樣式附加到'button {...}'而使用'

也許是這樣，但在這種情況下，無論如何在錨點內部都有一個按鈕是多餘的。 – AlienWebguy

你能發表更多的代碼嗎？就目前而言，鏈接元素中的<button>元素不是正確的方法。堅持語義。您應該使用CSS來設計<a>元素。如果你真的想堅持使用該組合，IE需要你使用type="button"。所以<button type="button"></button>

2011-07-22 07:10:54

-2

這也是我的問題。使用代碼：

<a href="table_of_contents.html" title="Table of Contents"> 
    <button> <b>Contents</b> </button> 
</a>

它適用於Firefox和Safari;但Explorer和Opera失敗。米歇爾試圖回答：

內容

無變化：Firefox和Safari確定; Explorer和Opera NG。

我已更改爲以下代碼，該代碼適用於所有四種瀏覽器。

<form action="table_of_contents.html"> 
    <input value="Contents" title="Table of Contents" 
     style="font-weight: bold" type="submit"> 
</form>

PS：這不適用於type="button"。希望這可以幫助。

2011-07-23 17:39:58

這是毛病... – sergserg

回答