Änderungen der CSS-Datei werden nicht im Browser angezeigt

Ich habe die folgende Funktion innerhalb einer CSS-Datei.Änderungen der CSS-Datei werden nicht im Browser angezeigt

#portfolio .portfolio-box .portfolio-box-caption { 
    display: block; 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 100%; 
    text-align: center; 
    color: #fff; 
opacity: 0; 
    background: rgba(13, 13, 13, 0.1); 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
}

Ich habe die Parameter-Werte der rgba Funktion ähnlich wie folgt geändert:

background: rgba(255, 255, 132, 0.1);

aber die Änderungen sind in meinem Browser nicht sichtbar. Ich habe auch die zwischengespeicherten Browserdaten gelöscht, aber kein Ergebnis erhalten.

Bitte helfen Sie mir dabei! Vielen Dank im Voraus.

Quelle

2017-05-09 Ovidiu

Haben Sie das Element inspiziert, um die aktualisierten Werte für die Eigenschaft 'background zu sehen, um sicherzustellen, dass der Cache ordnungsgemäß gelöscht wurde? – hungerstar

Ich habe es getan. Die Werte werden nicht aktualisiert, wenn ich sie überprüfe (die alten Werte werden angezeigt). Ich habe einen anderen Browser ausprobiert und scheint zu funktionieren wie erwartet. (Warum bleibt das Problem in Google Chrome bestehen?) – Ovidiu

Opazität entfernen: 0; und versuche. – tech2017

Sie sollten Fingerprinting Ihrer Vermögenswerte (CSS, JS, vielleicht sogar Bilder, falls Sie sie oft ändern) implementieren. Solange Sie auf Ihrem lokalen Host entwickeln, ist das Zwischenspeichern und Löschen des Caches einfach, aber sobald Sie Live-Benutzer erhalten, können Sie sie nicht mehr im Cache löschen und die Änderungen der Assets (CSS, JS, Bilder, Schriftarten) an alle Benutzer per Fingerabdruck. Wie das genau gemacht wird, hängt weitgehend von Ihrem Build-Prozess und Ihrem gesamten Stack ab. Im Wesentlichen fügt das Fingerprinting Ihren Asset-Links nur eine Versionsabfrage hinzu. ZB wird Ihr CSS-Stil nicht als style.css verknüpft, aber er wird als style.css verlinkt? V = 1 und dann bei der nächsten Änderung, v = 2 usw. Oder es könnte eine zufällige Abfrage basierend auf haben Zeitstempel der letzten Änderung oder auf andere Weise.

Quelle

2017-05-09 19:13:27

ändern Opazität von 0 bis 0,5:

opacity: 0.5;

Change "a" in rgba aus 0,1 zu 0,8

background: rgba(13, 255, 13, 0.8);

oder Chrom-Cache zu deaktivieren, wie es hier erklärt Disabling Chrome cache for website development

Quelle

2017-05-09 19:15:23 b2ok

Die Opazität sollte zwischen 0,0 und 1,0 liegen. – keithjgrant

Ja. Ich will nur mit einer Opazität größer als 0 testen. Ich sage 50 nur wie Beispiel anders als 0. – b2ok

Uh uh, danke @keithjgrant, ich sehe nur meine Schuld '50'. Ich habe es bearbeitet. – b2ok

I Das Problem ist, dass Sie die Deckkraft der Eigenschaft auf Null setzen. Versuchen Sie, die Deckkraft "0" zu entfernen oder ändern Sie sie auf einen höheren Wert.

Quelle

2017-05-09 19:26:06

Versuchen Sie, die Developer Tools in Chrome zu öffnen. Anschließend können Sie auf der Registerkarte "Netzwerk" das Caching für Ihre Website deaktivieren.

Quelle

2017-05-09 20:36:29 Kriszta

Änderungen der CSS-Datei werden nicht im Browser angezeigt

Antwort

Verwandte Themen