Der Button ist im IE auf beiden Seiten gestreckt
|
Wenn Sie Schaltflächen (Eingabe, Schaltfläche) schreiben, werden Sie im IE Folgendes feststellen: Mit zunehmender Wortanzahl wird der Abstand auf beiden Seiten größer. Im XP-Stil von WIN treten bei vielen Wörtern auf beiden Seiten deutlich gezackte Kanten auf. Was ist der Grund? Der ursprüngliche Moderator der Blue Ideal WEB Standardization Column, zbm2001z, gab eine Antwort: 1. Der IE generiert für jeweils 4 Bytes (2 Bytes für chinesische Schriftzeichen), die zum Wert der Schaltfläche hinzugefügt werden, auf beiden Seiten der Schaltfläche insgesamt ein Byte Füllbreite. 2. Der Standardstil von IE-Schaltflächen (XP-Stil) ist ein abgerundetes rechteckiges Bild mit fester Größe als Hintergrund. Sobald die Schaltfläche breiter und höher wird, werden die Kanten dieses abgerundeten rechteckigen Bildes mit fester Größe natürlich „rau“. Wir haben derzeit keine Möglichkeit, das zweite Problem zu lösen, es sei denn, das WIN-System behebt den Fehler selbst, aber wir können immer noch das erste Problem beheben. Legen Sie im Internet Explorer den sichtbaren Wert des Overflow-Attributs für das Schaltflächenelement fest (Hinweis: Der Füllwert ist erst gültig, nachdem das Overflow:Visible-Attribut festgelegt wurde). Dieses Attribut wurde tatsächlich im letzten Artikel „Eine Anwendung von Background-Clip und Background-Origin“ verwendet. Nachdem ich jedoch heute „Das Problem der gestreckten Schaltflächen im IE“ gelesen hatte, stellte ich fest, dass es einen kleinen Fehler gibt: Wenn die Schaltfläche in einer Tabellenzelle platziert wird, wird die Schaltfläche zwar korrekt angezeigt, aber die ursprünglich reservierte Breitengröße hat sich nicht geändert und nimmt immer noch Platz ein. Es ist erforderlich, die Schaltflächenbreite (Breite) in IE6 auf 0 zu setzen (IE7 hat diesen Fehler ebenfalls, aber es wurde noch keine gute Lösung gefunden). Der endgültige Reparaturcode lautet wie folgt (Demo): input.button { Polsterung: 0,25em; Breite: auto; _Breite: 0; Überlauf: sichtbar !ie;} |
<<: MySQL-Methode zur Sperrensteuerung für Parallelität
Artikel empfehlen
Zusammenfassung des Wissens zu MySQL-Sperren
Sperren in MySQL Sperren sind ein Mittel, um Ress...
JavaScript Factory Pattern erklärt
Inhaltsverzeichnis Einfache Fabrik Fabrikmethode ...
Verwenden von vue3 zum Implementieren eines Beispiels für die Kapselung von Zählfunktionskomponenten
Inhaltsverzeichnis Vorwort 1. Die Bedeutung der K...
MySQL 5.7.20 Win64 Installations- und Konfigurationsmethode
mysql-5.7.20-winx64.zipInstallationspaket ohne In...
Spezifikationen für Hyperlink-Symbole: Verbessern Sie die Lesbarkeit von Artikeln
1. Was ist die Hyperlink-Symbol-Spezifikation ?&l...
Interviewfrage: Dreizeiliges und dreispaltiges Layout, Tabellen werden zusammengeführt und verschachtelte Tabellen sind nicht zulässig
Es gibt eine Interviewfrage, die Folgendes erforde...
Navicat stellt eine Verbindung zu MySQL8.0.11 her und es tritt ein Fehler 2059 auf
Fehler Beim Herstellen einer Verbindung zu MySQL ...
So installieren Sie Redis in Docke
1. Suchen Sie nach einem Redis-Image Docker-Suche...
Drei Strategien zum Umschreiben von MySQL-Abfrageanweisungen
Inhaltsverzeichnis Komplexe Abfrage und schrittwe...
So implementieren Sie den Vue-Timer
In diesem Artikelbeispiel wird der spezifische Co...
Kennen Sie den Unterschied zwischen leerem Wert und Nullwert in MySQL
Vorwort Kürzlich habe ich festgestellt, dass die ...
Mybatis-Statistiken zur Ausführungszeit jeder SQL-Anweisung
Hintergrund In letzter Zeit werde ich in Intervie...
Praxis des El-Cascader-Kaskadenselektors in ElementUI
Inhaltsverzeichnis 1. Wirkung 2. Hauptcode 1. Wir...
Einfache Beispiele zum Erstellen gespeicherter Prozeduren, Trigger und zur Verwendung von Cursorn in Navicat (Bilder und Text)
1. Tabellen erstellen <br /> Erstellen Sie ...
Analysieren Sie die Rolle von rel="nofollow" in HTML und die Verwendung des rel-Attributs
Durch das Hinzufügen des Attributs rel="nofo...