Stellen Sie das Bild hinter den Text und halten Sie es mit CSS in der Mitte

Question

Jul 07, 2009, 08:22 PM

Stellen Sie das Bild hinter den Text und halten Sie es mit CSS in der Mitte

Ich erstelle eine Webseite, auf der ich ein Bild habe, das ich in der Mitte platzieren möchte, und dann über dem Bild Eingabefelder und Beschriftungen und die Schaltfläche zum Senden haben möchte.

Ich versuche, das CSS zu verwenden

img.center
{
    z-index:-1;
}

aber das geht nicht. und wenn ich den Code in ändere

img.center
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}

wenn das bild dahinter geht, dann aber so wie ich es benutzt habeleft:0px undtop:0px ... es setzt das Bild auf Position 0,0 ... aber ich möchte, dass das Bild in der Mitte bleibt.

um das bild in der mitte zu halten habe ich<div align="center"> Etikett.

Gibt es sowieso, ich kann das Bild in der Mitte halten und es auch hinter sich lassen ???

Meine HTML-Seite sieht folgendermaßen aus: (Ich habe versucht, ein Hintergrundbild für mein Div-Tag zu erstellen, aber dort wird kein Bild angezeigt.)

<html>
<head>
<title>Question of the Week</title>
<style type="text/css">
    body
    {
        background-image:url('images/background.jpg');
        background-repeat:repeat-x;
    }

    .container
    {
    background-image:url('images/center.jpg');
    background-repeat:no-repeat;
    }
    td.cntr {padding-top:50px;}
</style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td><div align="left"><img src="images/logo.jpg"></div></td>
                    <td></td>
                    <td><div align="right"><img src="images/right_logo.jpg"></div></td></tr>
            </table>
        </tr>
        <tr>
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="cntr">
                        <div id="container">
                            <input name="box" type="textbox" />
                            <input name="box" type="textbox" />
                            <input name="submit" type="submit" />
                        </div>
                    </td>
                </tr>
            </table>
        </tr>
    </table>
</body>
</html>