錨標記沒有響應

我的錨標記沒有響應（例如，我的鼠標不響應鏈接作爲鏈接）#contentAboutMe ...通過研究，我發現z-index可能會影響這..但是，我用z-index來評論任何東西，而且這似乎不是問題。任何想法？我將不勝感激任何幫助。（錨凡在我加價其他工作）錨標記沒有響應

#logo { 
    position: absolute; 
    top: 50px; 
    left: 20px; 
    /*z-index: 50;*/ 
} 
#mainHeader > h1 { 
    font-size: 18px; 
} 
#wrapperAboutMe { 
    position: absolute; 
    width: 525px; 
    left: 400px; 
    top: 40px; 
    /*z-index: 2;*/ 
} 
#placeHolder { 
    position: relative; 
} 
#topAboutMe { 
    background-image: url(../images/aboutTopBackground.png); 
    width: 525px; 
    height: 47px; 
} 
#contentAboutMe { 
    width: 525px; 
    background-image: url(../images/aboutMainBackground.png); 
} 
#contentAboutMe p { 
    padding: 0 40px 0 40px; 
    text-align: justify; 
} 
.firstCharacter { 
    display: block; 
    float: left; 
    color: #155763; 
    font-size: 330%; 
    line-height: .5em; 
    padding-top: 10px; 
    padding-right: 2px; 
} 
#bottomAboutMe { 
    background-image: url(../images/aboutBottomBackground.png); 
    width: 525px; 
    height: 71px; 
} 
#aboutImage { 
    width: 220px; 
    height: 45px; 
    background-image: url(../images/graphicAbout_03.png); 
    background-repeat: no-repeat; 
    float: left; 
    padding: 30px 0 0 0; 
    position: absolute; 
    top: -25px; 
    left: -100px; 
} 
#aboutImage span { 
    display: none; 
} 
#aboutBackground { 
    position: absolute; 
    background-image: url(../images/graphicAboutBackground.png); 
    width: 462px; 
    height: 125px; 
    left: -260px; 
    top: -110px; 
    z-index: 1; 
}

HTML：

<article id="aboutMe"> 
    <div id="wrapperAboutMe"> 
     <div id="topAboutMe"> </div> 
     <!--End topAboutMe--> 

     <div id="contentAboutMe"> 
     <p><span class="firstCharacter">M</span>y content</p> 
     <a href="includes/HappeResumeSept2012.pdf" target="_blank">View My Resume</a> 
     </div> 
     <!--End contentAboutMe--> 

     <div id="bottomAboutMe"> </div> 
     <!--End bottomAboutMe--> 

     <div id="placeHolder"> 
     <h1 id="aboutImage"><span>About Me</span></h1> 
     <div id="aboutBackground"></div> 
     <!--End aboutBackground--> 
     </div> 
     <!--End placeHolder--> 

    </div> 
    <!--End wrapperAboutMe--> 

    </article> 
    <!--End Article_aboutMe-->

來源

2012-08-31 Aaron Happe

我建議使用：第一個字母的僞元素，而不是使用跨度。 –

你用的aboutBackground的id格，是在你的鏈接的頂部，所以當你嘗試點擊，它實際上是註冊該分區，而不是鏈接。

爲了解決這個問題，#aboutBackground的z-index更改爲-1，所以它看起來就像這樣：

#aboutBackground { 
position: absolute; 
background-image: url(../images/graphicAboutBackground.png); 
width: 462px; 
height: 125px; 
left: -260px; 
top: -110px; 
z-index: -1; // this line edited 
}

來源

2012-08-31 22:47:05

謝謝。這工作。 –

沒問題 - 很高興有人幫忙。 –

剛剛擺脫這種風格的

#placeHolder { 
    position: relative; 
}

這使您的鏈接上的元素

來源

2012-08-31 22:50:15 SNAG

錨標記沒有響應

回答

相關問題