CSS imgBox链接不工作
CSS imgBox链接不工作
提问于 2015-10-26 20:53:48
我正试图为我的站点编写一个Nav栏，但是一旦我实现了css imgBox，我的链接就停止工作了。在同一个目录中，所以我不相信这是问题所在，但是对于我的生活，我不知道哪里出了问题，这是HTML代码
<ul id="menu">
<li> <div class="imgBox" id="img1"> <a href="index.html"> </a> </div> </li>
<li> <div class="imgBox" id="img2"> <a href="Media.html"> </a> </div> </li>
<li> <div class="imgBox" id="img3"> <a href="social-media.html"> </a> </div> </li>
</ul>这是css
.imgBox
{
float:left;
border: 1px solid #9325BC;
}
#img1
{
background: url(images/home.png) no-repeat;
width: 129px;
height: 50px;
}
#img2
{
background: url(images/media.png) no-repeat;
width: 112px;
height: 50px;
}
.imgBox:hover
{
-moz-box-shadow: 0 0 30px #0000cc;
-webkit-box-shadow: 0 0 30px #0000cc;
box-shadow: 0 0 30px #0000cc;
}如有任何帮助，将不胜感激。
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-10-26 20:58:35
<ul id="menu">
<li><a href="index.html"> <div class="imgBox" id="img1"> </div></a> </li>
<li><a href="Media.html"> <div class="imgBox" id="img2"></a> </li>
<li><a href="social-media.html"> <div class="imgBox" id="img3"> </a></li>
</ul>这就是你想做的吗？
Stack Overflow用户
发布于 2015-10-26 20:59:13
您必须关闭您打开的所有标记。链接标签和div标签。此外，如果您希望您的链接是可见的，它必须包含至少一个字或图像。
<ul id="menu">
<li><div class="imgBox" id="img1"> <a href="index.html">Index</a> </div> </li>
<li> <div class="imgBox" id="img2"> <a href="Media.html">Media</a> </div></li>
<li> <div class="imgBox" id="img3"> <a href="social-media.html"> Social media</a></div></li>
</ul>Stack Overflow用户
发布于 2015-10-26 21:02:34
您的问题的工作版本可以在这里找到：JSFIDDLE
<li> <div class="imgBox" id="img1"> <a href="index.html"> Some Text here</a> </div> </li>问题是您没有关闭href元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33355421
复制相关文章
相似问题
腾讯云开发者
