無法在圖像上顯示文字

Question

我試圖在圖像上顯示文字，當我在可視網頁開發人員工作室的設計視圖的預覽中查看它時，我可以看到文字，但當我生成我沒有看到它的網站。

的代碼是：

<div id="bar"> 
<img src="images/bar_bg.jpg" /> 
</div> 
    <div id="links" > 
     <p> 
      <a href="javascript:window.open('/FAQ','Max','toolbar=no,width=750,height=650,status=no,scrollbars=yes,resizable=yes');void(0);"> 
       FAQ </a>| <a href="javascript:window.open('/PrivacyPolicy','Max','toolbar=no,width=500,height=500,status=no,scrollbars=yes,resizable=yes');void(0);"> 
        Privacy Policy</a> | <a href="javascript:window.open('/CustomerService','Max','toolbar=no,width=500,height=500,status=no,scrollbars=yes,resizable=yes');void(0);"> 
         Customer Service</a> 
     </p> 
    </div> 

的CSS是：

#links { 
Position:absolute; /* 
width: 100%; /* 
text-align: right; 
height: 17px; 
left: 400px; top:1060px; 
z-index: 5; 
} 

    #bar { 

height: 25px; 
width: 900px; 
z-index:-10; 
} 

任何投入將是巨大的，謝謝！

Answer 1

你需要讓bar div的Position: absolute;這需要分配給它的空間了HTML的流動

#links { 
width: 100%; 
text-align: right; 
height: 17px; 
} 

#bar { 
Position:absolute; 
height: 25px; 
width: 900px; 
z-index:-10; 
}