在背景图像上写文字

Posted 2023-03-05

【中文标题】在背景图像上写文字

【英文标题】：Write text on top of background image

【发布时间】：2011-08-20 22:43:30

【问题描述】：

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

我正在使用 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 吗？

【问题讨论】：

欢迎来到 ***。您无需在标题中添加“(ASP.NET)” - 只需将其添加到标签中即可。此外，您想要的标签是 asp.net 而不是 asp。后者可以参考“经典 ASP”。

谢谢约翰，以后会记得的。

背景图片对我来说不会重复，here's a demo。你有没有可能有其他东西覆盖background 定义？

【参考方案1】：

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

HTML

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

CSS

#outerbackground:#ff0022;Text-align:center;width:200px;min-height:200px;
#innermargin:auto;

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

【讨论】：

为什么不只是<div id="outer">Some text</div> ？

同意。我不确定我在想什么 :-) 也许我只是喜欢多余的 div。我现在要更新答案。

哈哈！越多越好... :) 老实说，尽管设置了no-repeat，但这个问题听起来更像是一个重复背景的问题，而不是一般无法在背景上显示文本。

谢谢镇，看看艾莉森的回答，他们都工作。谢谢

@idly：很高兴你成功了。有时这只是你需要解决的一个奇怪的怪癖。