Hintergrundbild reagiert nicht mehr auf eine bestimmte Breite

Ich habe ein 4496x3000 Bild, das ich für ein Hintergrundbild verwende. Es reagiert, bis es auf ungefähr 1190px herunterkommt, zu welcher Zeit es nicht ist. Ich dachte, vielleicht würde die Erstellung einer Medienabfrage und die Verwendung eines kleineren Bildes helfen, aber das tat es nicht. Was ist falsch an meinem Code, der dafür sorgt, dass er nicht mehr reagiert?Hintergrundbild reagiert nicht mehr auf eine bestimmte Breite

body, html { 
 
    margin: 0; 
 
    padding: 0; 
 
    width: 100%  
 
} 
 

 
.bgimg { 
 
    width: 100%;  
 
    background-image: url(../img/pexels-photo-Original-4496x3000.jpeg); 
 
    opacity: 0.65; 
 
    background-position: center center; 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    background-color: #464646; 
 
} 
 

 
@media only screen and (max-width : 1190px) { 
 
    .bgimg { 
 
     background-image: 
 
      url(../img/pexels-photo-medium-1280x854.jpeg); 
 
    } 
 
}

<body class="bgimg">

Quelle

2017-07-01 comfortablyNumb

Wenn ich Ihren Code ausführen, reagiert der Hintergrund ohne Verwendung von Medienabfragen – Dark

@BharathShetty Danke. Ich werde ein anderes Bild versuchen, weil dieses nicht reagiert. – comfortablyNumb

habe ich versucht, den Code ohne Abfrage Medien und es hat gut funktioniert das heißt mein Hintergrundbild ansprechbar gemacht. Sie sollten versuchen, ein anderes (größeres) Bild zu verwenden und keine Medienabfrage zu verwenden.

Quelle

2017-07-01 03:45:13 shaina

Ja, ich habe nur eine Medienabfrage in einem Anfall von Verzweiflung gestellt. Es funktioniert definitiv nicht auf meiner Maschine, also werde ich deinen Ratschlag annehmen und ein anderes Bild versuchen. Ich dachte, dass 4496 x 3000 groß waren. Welche Größe würden Sie für ein Hintergrundbild vorschlagen? – comfortablyNumb

Ja, 4096 x 3000 ist ziemlich groß. Ich versuchte es mit einem Bild der Größe 2048 x 1536 und es funktionierte. Welchen Browser benutzen Sie? – shaina

Ich habe dieses Bild [http://i.imgur.com/jtmYrxC.jpg] und es funktioniert gut – Dark

Hintergrundbild reagiert nicht mehr auf eine bestimmte Breite

Antwort

Verwandte Themen