2014-02-16 85 views
0

我在我的錨標記之間顯示的文本沒有顯示,我也不知道爲什麼。誰能幫我嗎?錨標記中的文本沒有顯示

HTML:

<div id="left"> 
<a class="links" href="#footer">Yolo</a> 
</div>  

CSS:

.links{ 
display:block; 
width:100%; 
height:30px; 
border-bottom:2px solid orange; 

padding:10px 0px; 

color:red; 

} 


#left{ 


background-color:#320E7F; 
position:relative; 
right:85%; 
top:120px; 
height:1900px; 
width:100%; 
z-index:0; 

} 
+0

其顯示在撥弄了,我試了一下。我認爲這個問題是別的地方! –

+0

看起來對我來說很好:http://jsfiddle.net/2cQx3/ – Shomz

+0

hmmmm ....也許問題在於它的div ... –

回答

0

首先,你有一個未關閉的屬性在這裏:<div id="left>

其次,您的規則right: 85%;將div推送到您的鏈接所在的左側,以便將其呈現在屏幕外。

看見它固定在這裏:http://jsfiddle.net/2cQx3/2/

+0

是的,我認爲這就是爲什麼 –

+0

是的,從技術上講它是可見的,但在可視區域之外。 – Shomz

+0

得到它的工作......感謝您的幫助! –

0

div刪除position:relative。你會希望這個..

CSS

.links{ 
display:block; 
width:100%; 
height:30px; 
border-bottom:2px solid orange; 

padding:10px 0px; 

color:red; 

} 
#left{ background-color:#320E7F; right:85%; top:120px; height:1900px; width:100%; z-index:0; } 

HTML

<div id="left"> 
<a class="links" href="#footer">Yolo</a> 
</div> 

http://jsfiddle.net/2cQx3/1/