链接在< li>内部不起作用 [英] Link not working inside of <li>

问题描述

我查看了类似问题的答案，但没有一个提供我所需的帮助；我仍然没有响应！ 更清楚地说，通过无响应的链接，我是指该链接不起作用.他们的风格完全符合预期.

I looked at the answers to similar questions, but none provided the help I need; I'm still getting unresponsive links !? To be clearer, by unresponsive links I mean the link does not work; they style exactly as expected.

这是CSS:

#nav3 { padding: 0; margin:15px 15px 0; height:29px; background-repeat: repeat; background-position: left top; }
.ddcolortabs { padding: 0; width: 100%; }
.ddcolortabs ul { font: normal 13px Arial, Verdana, sans-serif; margin:0 0 0; padding:0; list-style:none; }
.ddcolortabs li { display:inline; margin:0 2px 0 0; padding:0; }
.ddcolortabs a { float:left; color: #4963AE; background: #B9D6E5 url(../../content/themes/wd/images/tabs/color_tabs_left.png) no-repeat left top; margin:0 6px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; font-weight: bold; }
.ddcolortabs a.selected { background: #98a5d3 url(../../content/themes/wd/images/tabs/color_tabs_left.png) no-repeat left top; color: #FFF; }
.ddcolortabs a span { float:left; display:block; padding: 8px 20px 6px 19px; background: transparent url(../../content/themes/wd/images/tabs/color_tabs_right.png) no-repeat right top; }

这是html:

<div id="nav3">
    <div id="colortab2" class="ddcolortabs">
        <ul style="margin-left:10px;">
            <li><a href="../MostActive"><span>Most Active</span></a> </li>
            <li><a href="#" class="selected"><span>Most Popular</span></a></li>
            <li><a href="../MostRecent"><span>Most Recent</span></a></li>
            <li><a href="../BrowseCategories"><span>Browse Categories</span></a></li>       
        </ul>       
    </div>
</div>

推荐答案

糟糕的是，在标记中，我有一个采用z-index样式的div:-1

My bad, higher in the markup I had a div styled with z-index: -1

这篇关于链接在< li>内部不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！