Heim > Web-Frontend > CSS-Tutorial > Wie entferne ich dauerhafte Bildränder in Chrome und IE9?

Wie entferne ich dauerhafte Bildränder in Chrome und IE9?

DDD
Freigeben: 2024-11-03 08:31:29
Original
821 Leute haben es durchsucht

How to Remove Persistent Image Borders in Chrome and IE9?

Entfernen des schwer fassbaren Bildrandes in Chrome/IE9

Bei der Anzeige von Bildern in Chrome oder IE9 kann es trotz der Einstellung zu einem dauerhaft dünnen Rand kommen „outline: none“ und „border: none“ in CSS. Dieses Problem entsteht durch ein eigenartiges Chrome-Verhalten, das „border: none“ überschreibt.

Um dem entgegenzuwirken, können Sie eine clevere Technik anwenden, bei der die Bildbreite und -höhe auf 0 Pixel festgelegt und das Bild gleichzeitig mit entsprechenden Pixelwerten aufgefüllt wird auf die gewünschte Knopfgröße. Betrachten Sie das folgende CSS-Beispiel:

<code class="css">#dlbutn {
    display: block;
    width: 0px;
    height: 0px;
    outline: none;
    padding: 43px 51px 43px 51px;
    margin: 0 auto 5px auto;
    background-image: url(/images/download-button-102x86.png);
    background-repeat: no-repeat;
}</code>
Nach dem Login kopieren

Indem Sie Chrome glauben machen, dass bei diesen Abmessungen kein Inhalt sichtbar ist, eliminieren Sie effektiv den Rand. Diese Technik stellt die Kompatibilität zwischen verschiedenen Browsern sicher und ermöglicht die Anzeige von Bildern ohne unschöne Ränder in Chrome.

Das obige ist der detaillierte Inhalt vonWie entferne ich dauerhafte Bildränder in Chrome und IE9?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage