zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrund Grafik im Format avif

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.03.2022, 13:35
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 121
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard Hintergrund Grafik im Format avif

Hallo Leute,

Einige moderne Browser unterstützen bereits das Bildformat avif.
Daher habe ich mir gedacht, dass ich dieses dann auch verwenden sollte.

Habe das ganze dann beim Hintergrundbild einer Seite eingesetzt.
Und zwar so:
Code:
body {
	background: #FFF url(images/grid.jpg);
	background: #FFF url(images/grid.avif);
}
Im Google Chrome funktioniert das ganze auch. Hier wird die avif-Datei angezeigt.

Im Microsoft Edge wird jedoch kein Hintergrundbild angezeigt.
Worin liegt denn der Fehler?
Wie kann ich das Problem beheben?

Recht herzlichen Dank schon mal für eure Hilfe
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.03.2022, 13:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.207
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Edge unterstützt das Format (noch) nicht.
https://avif.io/blog/tutorials/css/#...etectionscript
Hier gibt es ein Skript mit dem du die Unterstützung von avif prüfen kannst und dann je nach Support ein anderes Hintergrundbild anzeigen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.03.2022, 15:13
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 121
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Danke für deine Antwort!

Habe gerade den folgenden Artikel gefunden
https://raoulkramer.de/avif-webp-ima...ith-image-set/
Mit Zitat antworten
  #4 (permalink)  
Alt 03.03.2022, 15:55
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 121
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Habe auch noch das gefunden
avif in CSS
https://github.com/nucliweb/avif-in-css
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
svg grafik und gradient im hintergrund beisst sich?? irmen CSS 2 01.12.2016 23:05
eine grafik über andere legen keyboardY CSS 6 23.01.2010 17:53
Grafik in ein Template als Hintergrund einbinden. monsun CSS 0 30.06.2008 12:58
Grafik auf Hintergrund -> IE macht Pixelproblem smartens CSS 9 14.06.2007 17:12
Div Orientierung Leonidus CSS 22 30.05.2007 17:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:25 Uhr.