2016-07-17 14 views
0

Ich habe ein Problem auf meiner Website mit der Hintergrundfarbe. Der Code zwischen den HTML-Tags funktioniert einwandfrei.Schwarzer Hintergrund-Farbe nach HTML-Element

<!DOCTYPE html> 
<html> 
//... 
</html> 

Um das gewünschte Ergebnis zu erhalten. Wenn jedoch der Bildschirm zu groß ist, um die bage, eine schwarze Hintergrundfarbe zu halten, erscheint am unteren Rande, dass der Raum zu nehmen:

enter image description here

Alles funktioniert gut, wenn die Seite oder größer als der Bildschirm ist gleich . Kein Überlauf des schwarzen Bereichs passiert.

HINWEIS: Wenn ich aus einer der Seiten verkleinern, bis der Bildschirm größer als der gesamte Inhalt ist, haben alle Seiten das gleiche Problem.

FRAGE: Gibt es einen Weg in CSS (oder Javascript), um die Standardfarbe des schwarzen Bereichs in dem Bild (das nach dem HTML-Element liegt) zu ändern?


Edited:

Die folgende Website ist ein Beispiel: https://www.phpbb.com/styles/demo/3.1/board/index.php?style=1246

, wenn Sie wieder von der Website navigieren, und Google Chromes verwenden "inspizieren" Option, werden Sie sehen, dass die html nimmt nicht die ganze Seite ein, und dass der schwarze Teil an der Unterseite etwas Separates ist. Ich würde gerne wissen, wie ich diese Schwärze unten in eine andere Farbe (wie Weiß) ändern kann.

+0

Warum verwenden Sie nicht '' height: 100%; '' und '' width: 100%; '' auf HTML und body, um den sichtbaren Bereich an die Bildschirmgröße anzupassen? – ScientiaEtVeritas

+2

Bitte erstellen Sie eine Demo, die das Problem tatsächlich zeigen kann. – Stickers

Antwort

1

Hier sehen Sie Ihr einmal anschauliches Beispiel mit aktiver background-color Regel auf body und ohne. Und Sie sehen, es ist die body 's background-color was das Schwarz verursacht.

Aktive: Active Background-Color

Nicht aktiv: Not-Active Background-Color

Wenn Sie die body schwarz behalten wollen, so setzen Sie die background-color Ihrer html Tag in die Farbe, die Sie (auf Wunsch Moment ist es transparent, so lässt es die schwarze Farbe des Körpers durch).

Set Background-Color on HTML

Für Ihre weißen gewünscht Sie so etwas wie tun würde:

html { 
    background-color:#ffffff; 
} 

Ich weiß nicht, ob Sie die Standardeinstellung ändern kann, aber wenn nicht, können Sie einfach !important hinzufügen direkt nach der Farbe Code.

+1

Darf ich Sie einen Lebensretter nennen? Du bist ein Lebensretter... – Webeng

0

die Hintergrundfarbe alle die gleiche Gelingen:

body { 
    background-color: rgb(153,153,153); 
} 
+0

Nein, das funktioniert nicht, ich habe es schon versucht, sowohl für Body und HTML. – Webeng

+0

Body und HTML ändern den "weißen" Teil des obigen Bildes. Dieser schwarze Teil scheint nicht beeinflusst zu werden, auch wenn ich einen Inline-Stil verwende, der alle anderen angewendeten Stile überschreiben sollte. – Webeng

+0

Ich denke, das sollte auch funktionieren. Ich kann dieses Verhalten in keinem Browser reproduzieren. Der Bereich außerhalb des HTML-Elements hat die gleiche Farbe wie die Hintergrundfarbe Ihres HTML- oder Body-Elements. Also bitte geben Sie Ihren Code an. – ScientiaEtVeritas

Verwandte Themen