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 に答える