<img>標籤內<a>標籤只適用於IE

我想製作一個徽標圖像，它應該作爲一個超鏈接，並在點擊時將用戶重定向到主頁。<img>標籤內<a>標籤只適用於IE

<a class="fleft block" href="../../Pages/HomePage.aspx"> 
    <img class="logo" src="../../Images/logo.gif" alt="Logo" /></a>

此代碼在IE中正常工作，它的行爲與預期相同。但是，在FireFox，Chrome，Opera和Safari中圖像不可點擊。

任何想法爲什麼？謝謝，安東

編輯：好吧，夥計，感謝您的答案。我已經刪除了我的css類（float：left和display：block），現在它正在工作

你可以在jsfiddle.net上設置演示嗎？謝謝。 – Abraham 2012-08-14 10:21:08

你必須有其他的事情......我看不到問題。請創建一個http://jsfiddle.net – freefaller 2012-08-14 10:21:26

@Anton看起來不錯應該工作。如果可能的話創建一個小提琴。 – freebird 2012-08-14 10:22:30

您是否浮動鏈接？如果你這樣做，它不會封裝整個圖像。如果是這種情況，你可能想要在CSS中給你的鏈接一個widht和height。

.fleft.block{ 
    width: "your image width"; 
    height: "your image height"; 
}

2012-08-14 10:22:59

你的代碼工作正常。如果你想改變圖像上的光標，在你的CSS中試試這個;

.logo{ 
    cursor: pointer; 
}

2012-08-14 10:25:51

回答