我正试图为我的站点编写一个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;
}如有任何帮助,将不胜感激。
发布于 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>这就是你想做的吗?
发布于 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>发布于 2015-10-26 21:02:34
您的问题的工作版本可以在这里找到:JSFIDDLE
<li> <div class="imgBox" id="img1"> <a href="index.html"> Some Text here</a> </div> </li>问题是您没有关闭href元素。
https://stackoverflow.com/questions/33355421
复制相似问题