在背景图像顶部写文本

时间:2011-05-07 23:26:04

标签: asp.net image html overlay

我看过类似的问题,但我仍然被卡住了。

我正在使用MSVWD10在ASP中编写一个网站。 仅限1页,我想要一个960x700px的图像,其上面会显示文字。此文本将经常更改。 我试图在CSS中设置它,但图像似乎是重复的。

这是CSS。

#about 
{
    background: url(img/about.jpg) no-repeat 0 0;
    text-align: center;
    background-color: #888888;
    width: 960px;
    min-height: 685px;
    position: relative;
    margin: auto; 
}

我是否需要在内容页面上设置div?

1 个答案:

答案 0 :(得分:2)

这样的事情应该让你开始:

<强> HTML

<div id="outer"><div id="inner">Some text</div></div>

<强> CSS

#outer{background:#ff0022;Text-align:center;width:200px;min-height:200px;}
#inner{margin:auto;}

您可以在此处查看此操作:http://jsfiddle.net/rvn5M/