HTML&CSS&JS-Kompatibilitätsbaum (IE, Firefox, Chrome)_HTML/Xhtml_Webseitenproduktion

Was ist ein Baum im WEB-Design? Um es einfach auszudrücken: Klicken Sie auf einen Link, um die Verzeichnisse auf niedrigerer Ebene zu erweitern und sie dann zusammenzuführen. Dies ist der einfachste Baum. Es gibt auch eine Attributanzeige in CSS, die gesteuert werden kann Ob der Inhalt angezeigt wird oder nicht, können Sie die CSS-Eigenschaften über js steuern. Siehe folgenden Code:

Oben -Ebenenverzeichnis


Menü 1Oder nach dem Objekt können Sie dessen CSS-Eigenschaften steuern
menulist .style.display";if (menulist.style.display ="none")
menulist.style.display="block";
else
menulist .style.display="none"
Auf diese Weise wird der ursprüngliche Baum generiert und der Endgültiger Code


click="showmenu();">Verzeichnis der obersten Ebene



Menü 1


Bei der Anzeige in Chrome war alles durcheinander. Nach einigem Abrufen der Informationen habe ich endlich den Grund gefunden: Zusätzlich zu „Block“ und „Keine“ gibt es noch viele andere Attribute. Der Block wird in Blockform angezeigt und meiner ist in einer Tabelle angeordnet. Microsoft hält es für klug, seinen Hass zu ignorieren, aber Chrome hält sich immer noch sehr ehrlich an die Standards funktioniert Firefox, daher gibt es immer noch ein Problem in ihrer Erklärung, also wie man dieses Problem löst:
Display hat auch ein Attribut „table-cell“, das den Inhalt in Form einer Tabelle darstellt. Dies entspricht genau meiner Verwendung von Tabellen für das Layout. Im Folgenden finden Sie die Kompatibilitätsdarstellungen der drei Browser:

IE6

chrome2

Firefox3.5