2012-08-14 151 views
0

我想制作一个徽标图像,它应该作为一个超链接,并在点击时将用户重定向到主页。<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),现在它正在工作

+0

你可以在jsfiddle.net上设置演示吗?谢谢。 – Abraham 2012-08-14 10:21:08

+0

你必须有其他的事情......我看不到问题。请创建一个http://jsfiddle.net – freefaller 2012-08-14 10:21:26

+0

@Anton看起来不错应该工作。如果可能的话创建一​​个小提琴。 – freebird 2012-08-14 10:22:30

回答

1

您是否浮动链接? 如果你这样做,它不会封装整个图像。如果是这种情况,你可能想要在CSS中给你的链接一个widht和height。

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

你的代码工作正常。如果你想改变图像上的光标,在你的CSS中试试这个;

.logo{ 
    cursor: pointer; 
}