Heim  >  Artikel  >  Web-Frontend  >  Lösung für die leere rechte Seite des Hintergrundbilds, wenn das Fenster mithilfe von CSS verkleinert wird

Lösung für die leere rechte Seite des Hintergrundbilds, wenn das Fenster mithilfe von CSS verkleinert wird

高洛峰
高洛峰Original
2017-03-27 17:32:362597Durchsuche

Lösung für den Fehler, dass die rechte Seite des CSS-Hintergrundbilds leer erscheint, wenn das Fenster klein ist (kompatibel mit allen Browsern)

Lösung für die leere rechte Seite des Hintergrundbilds, wenn das Fenster mithilfe von CSS verkleinert wird

Lösung:

in CSS Fügen Sie die folgenden zwei Codezeilen hinzu und lassen Sie es selbst entscheiden:

width:expression(document.body.clientWidth min-width:960px;

Das heißt:

.top{
    border:0px solid #f00;
    width:expression(document.body.clientWidth <= 960? "960px": "auto");
    min-width:960px;
    height:29px;
    margin:0px;
    padding:0px;
    url(.. /img/topbar.png) repeat-x;
}

ok, dieser Fehler ist endlich behoben.

Das obige ist der detaillierte Inhalt vonLösung für die leere rechte Seite des Hintergrundbilds, wenn das Fenster mithilfe von CSS verkleinert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn