HTML + CSS - 将图像发送回来

时间:2012-07-25 18:19:30

标签: html css image

我最近遇到了关于我的背景和文字的问题 - 显示背景,然后文本显示在它下面。我尝试过使用多个教程,但似乎都没有。

帮助将不胜感激!

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

此处显示当前问题:http://i.imgur.com/0vBzJ.png

1 个答案:

答案 0 :(得分: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>