Ich versuche, einen Hintergrund für meine Seite zu erstellen, und ich möchte, dass er in der Mitte angezeigt wird. Aber aus irgendeinem Grund wird es links angezeigt, egal was ich tue.
body
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align:center;
min-width:320px;
background:url(../images/background.jpg) center no-repeat;
position:relative;
-webkit-text-size-adjust: none;
}
Ich habe eine separate Datei erstellt, die in der Mitte mit dem folgenden Code angezeigt wird:
<style>
body{
background:url("background.jpg") center no-repeat;
}
</style>
Warum funktioniert es auf meiner Originalseite nicht? Irgendwelche Vorschläge?
Antworten:
0 für die Antwort № 1Nachdem ich beide Methoden getestet hatte, funktionierte es damit:
// style.css
body
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align:center;
min-width:320px;
background:url(bg.jpg) center top no-repeat;
position:relative;
-webkit-text-size-adjust: none;
}
// index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
</body>
</html>
und das ist meine Ausgabe:
(Das Bild wurde zufällig aus einer Google-Suche ausgewählt.)
Hoffe das hilft!
0 für die Antwort № 2
benutzen
background:url(image1.jpg) center top no-repeat;