爲什麼在添加選項卡css時鏈接不能在jsp中工作？

我已經添加了一些CSS來實現我的jsp頁面中的選項卡（使用彈簧mvc）。它只有在Chrome瀏覽器工作，這並不重要，以自定義其他瀏覽器爲什麼在添加選項卡css時鏈接不能在jsp中工作？

這裏是我的CSS：

.w3c { 
    min-height: 450px; 
    position: relative; 
    width: 100%; 
} 
.w3c > div { display: inline; } 
.w3c > div > a { margin-left: -1px; position: relative; left: 1px; text-decoration: none; color: black; background: transparent; display: block; float: left; padding: 5px 10px; border: 1px solid #ccc; border-bottom: 1px solid white; } 
.w3c > div:not(:target) > a { border-bottom: 0; background: -moz-linear-gradient(top, #ffffff, #eee); } 
.w3c > div:target > a { background: #ffffff; } 
.w3c > div > div { background: #ffffff; z-index: -2; left: 0; top: 30px; bottom: 0; right: 0; padding: 20px; border: 1px solid #ccc; } 
.w3c > div:not(:target) > div { position: absolute } 
.w3c > div:target > div { position: absolute; z-index: -1; }

和JSP頁面

<div style="width: 90%; float: left;"> 
     <div class="w3c"> 
      <div id="tab1"> 
       <a href="#tab1">Список предметів</a> 

       <div> 
        <c:if test="${not empty foundData.subjects}"> 
        <form> 
         <c:forEach items="${foundData.subjects}" var="subject"> 
          <c:url value="/profileSubject.do" var="profileUrl"> 
           <c:param name="selectedSubject" value="${subject.idSubject}"/> 
          </c:url> 
          <a name="selected" href="${profileUrl}"/><c:out value="${subject.nameSubject}"/></a> </br> 
         </c:forEach> 
        </form> 
        </c:if> 

        <c:if test="${empty foundData.subjects}"> 
         <c:out value="Немає даних про предмети"/> 
        </c:if> 

        <form action="/timetable/profileSubject.do" method="get"> 
         <input type="submit" value="Додати"/> 
        </form> 
       </div> 
      </div> 

      <%--Group--%> 
      <div id="tab2"> 
       <a href="#tab2">Список груп</a> 

       <div>... and so on

的一部分，沒有風格的所有鏈接和按鈕正常工作，但是當我添加CSS樣式 - 一切都不起作用。

請幫助我找到解決此問題的方法

來源

2014-02-05 user2563440