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
So verwenden Sie webSocket zum Aktualisieren des Echtzeitwetters in Vue
Inhaltsverzeichnis Vorwort Informationen zu WebSo...
So verbinden Sie Django 2.2 mit einer MySQL-Datenbank
1. Beim Ausführen des Projekts werden folgende Fe...
Implementierung des Element-UI-Layouts (Zeilen- und Spaltenkomponenten)
Inhaltsverzeichnis Grundlegende Anweisungen und V...
Detaillierte Erklärung der allgemeinen For-Schleife in JavaScript-Anweisungen
Es gibt viele Schleifenanweisungen in JavaScript,...
Lösung für das Ausgehen der Auto-Increment-ID (Primärschlüssel) von MySQL
In MySQL werden viele Typen von Auto-Increment-ID...
Reine JS-Methode zum Exportieren von Tabellen nach Excel
html <div > <button type="button&qu...
Einführung in general_log-Protokollwissenspunkte in MySQL
Die folgenden Funktionsdemonstrationen basieren a...
Diskussion zum Problem verstümmelter Zeichen in Iframe-Seitenparametern
Ich bin auf ein sehr ungewöhnliches Problem mit ve...
Detaillierte Erklärung der Schritte zum Erstellen eines Vue-Projekts mit Vue-cli
Zuerst müssen Sie Vue-cli installieren: npm insta...
MySQL 8.0.18 verwendet Klon-Plugin, um die MGR-Implementierung neu zu erstellen
Angenommen, ein Knoten im Drei-Knoten-MGR ist abn...
5 coole und praktische Einführung in HTML-Tags und -Attribute
Tatsächlich handelt es sich auch hier um einen Cl...
Tipps zum Escapen von HTML-Texten
Heute habe ich auf CSDN einen kleinen Trick zum Es...
Beispiele für die Verwendung des Linux-Touch-Befehls
Detaillierte Erklärung des Linux-Touch-Befehls: 1...
Zusammenfassung von drei Möglichkeiten zum Implementieren von Rankings in MySQL ohne Verwendung von „order by“
Übernahme des Geschäfts: Sehen Sie sich die Gehal...
MySQL 5.7.18 Installations-Tutorial und Problemübersicht
MySQL 5.7.18 Installation und Problemübersicht. I...