2013-11-24 7 views
0

У меня возникли проблемы с размещением моего фонового изображения на фоне моего текста. Я использую код, который у меня есть, но он всегда заканчивает размещение изображения перед моим текстом. Вот код:Как у вас есть задний план?

<html> 
</style> 
<head> 
<title>Testing</title> 
</head> 
    <h1 style="text-align: center;"> 
     <img alt="" src="header.png" /> 
    </h1> 
    <p>&nbsp;</p> 
    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> 
     <tbody> 
      <tr> 
       <td style="width: 50%"> 
        <h2> 
         <span style="color: #ffd700;"><span 
          style="background-color: #0000ff;">Unknown</span> 
        </h2> 
       </td> 
       <td>&nbsp;</td> 
       <td style="width: 50%"> 
        <h2> 
         <span style="color: #ffd700;"><span 
          style="background-color: #0000ff;">Unknown</span> 
        </h2> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <h4> 
         <strong>(A bunch of text I had)</strong> 
        </h4> 
        <h4> 
         <strong>(More Text)</strong> 
        </h4> 
        <h4> 
         <strong>(Text)</strong> 
        </h4> 
       </td> 
       <td>&nbsp;</td> 
       <td> 
        <p> 
         <img alt="" src="image.png" /> 
        </p> 
        <p style="margin: 0in; margin-bottom: .0001pt"> 
         <strong>Person</strong> 
         <o:p></o:p> 
        </p> 
        <p style="margin: 0in 0in 0.0001pt;"> 
         <strong>(More text)</strong> 
         <o:p></o:p> 
        </p> 
        <p style="margin: 0in 0in 0.0001pt;"> 
         <strong>(More text)</strong> 
         <o:p></o:p> 
        </p> 
        <p style="margin: 0in 0in 0.0001pt;"> 
         <strong>(More text)</strong> 
         <o:p></o:p> 
         </span> 
        </p> 
        <p style="margin: 0in; margin-bottom: .0001pt"> 
         <strong><a href="www.google.com"(Moretext)></a></strong></a> 
         <o:p></o:p> 
        </p> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html> 
</div> 
</html> 

Забыл добавить код фонового изображения я имел:

<div style="z-index:0;left:0;top:0;width:100%;height:100%"> 
<img src="background.png" style='width:100%;height:100%'/> 
+1

Не видите код, который сделал бы изображение фона –

+1

Боковое примечание, только один '' и это последний тег на вашей странице. – j08691

+0

Если все, что вы собираетесь делать, это голосовать за людей, когда у нас есть истинные знания, которые мы пытаемся распространить на вас, тогда вы не получите помощь в будущем. –

ответ

0
<div style="background: url(background.png);"> 

Не использовать <img> код - это лишнее с этим.

И я бы посоветовал вам избегать использования z-index, если вам действительно не нужно, потому что, если это единственный, его можно избежать, используя позиционирование или поплавки.

Смежные вопросы