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
Beispielcode für ein Mysql-SQL-Überwachungsskript für langsame Abfragen
1. Ändern Sie my.cnf #Der Gesamteffekt besteht da...
Zusammenfassung mehrerer Fehlerprotokolle zum Einrichten und Wechseln von MySQL MHA
1: Fehler beim Replikationssatz masterha_check_re...
Der Unterschied zwischen Name und Wert im Eingabe-Tag
Typ ist das Steuerelement, das für die Eingabe und...
PHP geplante Backup MySQL und mysqldump Syntax-Parameter detailliert
Lassen Sie uns zunächst einige gängige Anwendungs...
Der Effekt eines dynamischen CSS-Farbverlaufsrahmens, der um den Inhaltsbereich rotiert (Beispielcode)
Rendern Nachdem ich online nach relevanten Inform...
Detaillierte Erklärung der Linux-CPU-Last und CPU-Auslastung
CPU-Last und CPU-Auslastung Beides kann bis zu ei...
Detaillierte Erklärung zur Überwachung von MySQL-Anweisungen
Schnelles Lesen Warum müssen wir SQL-Anweisungen ...
Dieser Artikel zeigt Ihnen, was Vite mit der Anfrage des Browsers macht
Inhaltsverzeichnis Funktionsprinzip: Was macht de...
Zusammenfassung der Updates und gefundenen Probleme des Docker Consul-Containerdienstes
Inhaltsverzeichnis 1. Container-Service-Update un...
CentOS 6 Kompilieren und installieren Sie ZLMediaKit-Analyse
Installieren Sie ZLMediaKit auf centos6 Der Autor...
Eine kurze Diskussion über JS-Verpackungsobjekte
Inhaltsverzeichnis Überblick Definition Instanzme...
Der Handler PageHandlerFactory-Integrated hat ein fehlerhaftes Modul ManagedPipelineHandler in seiner Modulliste
Wenn Sie ein Webprojekt entwickeln, müssen Sie II...
Eine kurze Erläuterung des Lazy-Loading-Attributmusters in JavaScript
Inhaltsverzeichnis 1. Einleitung 2. On-Demand-Att...
Detaillierte Erläuterung der zugrunde liegenden Kapselung der Java-Verbindung zu MySQL
In diesem Artikel wird der der Java-Verbindung zu...
Lösung für die Protokollpersistenzlösung des Nginx-Ingress-Controllers
Kürzlich habe ich auf einem öffentlichen Konto ei...