Chrome 和 Firefox 不显示锚标记答案

【问题标题】：Chrome and Firefox doesnot show anchor tagChrome 和 Firefox 不显示锚标记
【发布时间】：2012-09-26 07:07:38
【问题描述】：

我也有同样的情况。

当图像和锚标签嵌套在 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;，但没有任何区别。

谢谢，

【问题讨论】：

你在哪里定义了锚标签？它没有显示在代码中
我可以看到。它在
里面
浮点：左和位置：绝对在一起？
你的代码适合我：jsfiddle.net/ZRwEL/3
karaxuna：是的，他们在一起。一些 div 标签工作，一些不工作