Question

我也有同样的情况。

当图像和锚标签嵌套在div标签中时，锚标签在firefox和chrome中鼠标悬停在其上时不显示，但在IE中有效。

我的.cshtml页面中有很多div标签。 div中的一些锚标签在FF和Chrome中工作

我的应用程序是一个MVC3应用程序。

这是我的代码：

<div class="mainDiv">
    <div class="CssDivs">
    <a href="#">
    <img  src="@Url.Content("~/Content/images/home.gif")" alt="home" border="0" /></a>
    </div>
</div>

css是：

.CssDivs
{
float: left;
padding: 5px;
}
.mainDiv
{
    text-align: center;
    font-size: 28px;
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    float: left;
    padding: 200px 13px 7px 13px;
    position: absolute;
}

如果有人有解决方案，请发布。

这是我的jsfiddle：http://jsfiddle.net/Bzzt6/ 这个小提琴正在运行，但是在通过Visual Studio 2010执行时它无效。可能是什么问题？

编辑：我在我的CSS中尝试了position: relative;，但它没有任何区别。

谢谢，

Answer 1

锚标记不包含href，它具有属性名称

检查此http://jsfiddle.net/psQvg/

它适用于Chrome和FF

尝试检查您的javascript是否启用

Answer 2

我无法重现你遇到的问题。

我在jsfiddle上粘贴你的代码并在firefox上打开它，一切都很好。检查一下：http://jsfiddle.net/chanjarster/EJKmC/

也许你应该把整个html文件（由MVC3编写）粘贴到jsfiddle上，这样其他人就可以找出真正的问题了。

Chrome和Firefox不显示锚标记

2 个答案: