Warum funktioniert meine CSS-Funktion „attr()' nicht?

attr() funktioniert nicht in Browsern: Das Geheimnis wird gelüftet

Die attr()-Funktion von CSS3 wurde entwickelt, um Werte aus HTML-Attributen abzurufen und zu verwenden Sie als CSS-Eigenschaften zu verwenden, hat Entwickler aufgrund gemeldeter Probleme in gängigen Browsern vor ein Rätsel gestellt. Lassen Sie uns den Grund für dieses unerwartete Verhalten untersuchen.

Die W3C-Spezifikationen für attr() definieren eine Syntax, die die Trennung des Attributnamens und der Einheit durch ein Komma beinhaltet. Im Gegensatz zu dieser Dokumentation wurde jedoch festgestellt, dass dieses Komma entfernt werden muss, damit die Funktion ordnungsgemäß funktioniert.

Auch nach Anpassung der Syntax bleibt attr() in gängigen Browsern funktionsunfähig, da die Level-3-Version von Die Funktion, die diese Funktion einführt, ist in keinem Browser implementiert.

Zur Enttäuschung der Entwickler bleibt die Implementierung dieser Level-3-Version ungewiss, da sie derzeit gefährdet ist Neuester Herausgeberentwurf der Spezifikation. Das bedeutet, dass es sich bei der uns bekannten attr()-Funktion um die Level-2.1-Version handelt, die von allen gängigen Browsern vollständig unterstützt wird und unterschiedlich funktioniert.

Obwohl es einige Fortschritte bei der potenziellen Browserunterstützung gibt, wird sie noch geprüft . Wenn diese Funktion Ihren Entwicklungsanforderungen entspricht, schlagen Sie bitte ihre Implementierung über die entsprechenden Feedbackkanäle vor.

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine CSS-Funktion „attr()' nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!