在背景图片上方添加文本

3

我查看了类似的问题,但仍无法解决。

我正在使用MSVWD10编写ASP网站。 对于仅有的1个页面,我想要一个960x700像素的图像,上面显示文本。这个文本将经常更改。 我尝试在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吗?

2
欢迎来到Stackoverflow。您不需要在标题中加入“(ASP.NET)” - 只需将其放在标签中即可。此外,您想要的标签是asp.net而不是asp。后者可能指的是“Classic ASP”。 - John Saunders
谢谢John,我会记住这个的。 - idny
1
背景图片对我来说不重复,这是演示。你可能有其他东西覆盖了背景定义吗? - Town
1个回答

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/

为什么不直接使用<div id="outer">Some text</div>呢? - Town
1
同意。我不确定当时在想什么 :-) 或许我只是喜欢多余的div。我现在会更新答案。 - NakedBrunch
哈哈!越多越好... :) 说实话,这个问题听起来更像是重复背景的问题,尽管已经设置了“no-repeat”,而不是一般无法在背景上显示文本的问题。 - Town
谢谢,我看了Alison的回答,两个都可以。谢谢。 - idny
@idly:很高兴你解决了问题。有时候只是需要通过一些奇怪的小问题来解决它。 - NakedBrunch

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接