0

我最近遇到了关于我的背景和文本的问题 - 当显示背景时，然后在其下方显示文本。我尝试过使用多个教程，但似乎都没有奏效。

帮助将不胜感激！

代码在这里： http: //pastie.org/4331611

当前的问题在这里清楚地显示：http: //i.imgur.com/0vBzJ.png

4

1 回答 1

1

下面的代码应该做到这一点：

<body>
   <div style="margin: 0px auto; width: 1000px; text-align: center;">
       <div style="background-image: url('http://files.enjin.com/71917/images/Status/BG.png');">Test Data</div>

但是这段代码存在各种各样的问题。你不应该使用中心标签（我已经在第一个 DIV 中演示了你应该做什么）。还将字体详细信息也移动到样式属性中，并且您应该将样式从样式属性中拉出，并将它们放在 HEAD 中的样式标记或外部样式表中。

<head>
    <style type="text/css">
        /*styles go here*/
    </style>
</head>

添加：

图片帮助我更好地理解你想要完成的事情。我认为您真正想要做的是稍微更改 DIV 的嵌套。尝试类似：

<div id="container" style="margin: 0px auto; width: 350px; text-align: center; background-image: url('http://...image.png');">
   <div id="theContentDivs">LOSTCRAFT SMP</div>
   <div id="theContentDivs">LOSTCRAFT PVP</div>
</div>
于 2012-07-25T18:30:52.130 回答