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
Baidu Input Method öffnet API und behauptet, es könne portiert und nach Belieben verwendet werden
Der zuständige Verantwortliche für Baidu Input Met...
Die umfassendsten 50 Mysql-Datenbankabfrageübungen
Diese Datenbankabfrageanweisung ist eine von 50 D...
Zusammenfassung der HTML-Wissenspunkte für das Frontend (empfohlen)
1. HTML-Übersicht htyper Textauszeichnungssprache...
Mehrere Möglichkeiten zur Implementierung bildadaptiver Container mit CSS (Zusammenfassung)
Es gibt häufig Szenarien, in denen das Bild an di...
Detaillierte Erklärung der MySQL information_schema-Datenbank
1. Übersicht Die Datenbank information_schema ist...
So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux
netem und tc: netem ist ein Netzwerksimulationsmo...
Beitrag zur Übermittlung von HTML-Daten_PowerNode Java Academy
Zu den vom HTTP/1.1-Protokoll angegebenen HTTP-An...
Einfacher CSS-Textanimationseffekt
Ergebnisse erzielen Implementierungscode html <...
Tutorial zu HTML-Tabellen-Tags (23): Zeilenrahmen-Farbattribut BORDERCOLORDARK
In Zeilen können dunkle Rahmenfarben individuell ...
Wie MySQL implizite Standardwerte verarbeitet
Einige Studenten sagten, dass sie auf das Problem...
Verwenden von Front-End-HTML+CSS+JS zum Entwickeln einer einfachen TODOLIST-Funktion (Notizblock)
Inhaltsverzeichnis 1. Kurze Einführung 2. Screens...
Grundlegendes Tutorial zum WeChat-Miniprogramm: Verwendung von Echart
Vorwort Schauen wir uns zunächst den Endeffekt an...
Implementierungsmethoden gängiger CSS3-Animationen
1. Was ist CSS Animations ist ein vorgeschlagenes...
Implementierung der Funktion zum Speichern von Screenshots aus HTML in PDF
Technologie nutzen itext.jar: Konvertiert den Byt...
Detaillierte Erklärung zur Verwendung von MySQL, wobei
Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...