Html 无法在图像顶部显示文本

我试图在图像顶部显示文本，当我在visual web developer studio的设计视图预览中查看文本时，我可以看到文本，但当我生成网站时，我看不到文本

代码是：

<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>

---

任何输入都会很好，谢谢

您需要使

条

div的

位置：绝对将其分配的空间从html流中取出

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

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

您需要使
条
div的
位置：绝对将其分配的空间从html流中取出

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

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

你想展示的文本在哪里？是链接吗？是的，这就是我想展示的文本，为什么不使用CSS将其作为元素的背景呢？比如说，
#bar
？您要显示的文本在哪里？是链接吗？是的，这就是我想展示的文本，为什么不使用CSS将其作为元素的背景呢？比如说，
#bar
？谢谢，但这会使该条完全消失，我需要文本和该条（图像）是可见的，不应该使其消失，可能是发生了其他事情。使链接的css像我的手帕一样，但这会使工具栏完全消失，我需要文本和工具栏（图像）是可见的，这不应该使它消失，可能是发生了其他事情。让链接的css像我拥有的一样