IE11 Grenzradius und Grenz Bug

Ich habe einen seltsamen visuellen Fehler in IE11, wie Sie hier in Bild sehen>IE11 Grenzradius und Grenz Bug

http://www.jonwallacedesign.biz/ie11.png

die ungeraden Wirkung auf Ecken der weißen Sehen „Warum sollten Sie US“ li Taste ....

Die Kombination von border-radius, background-image und border: 1px solid #colour scheint diesen seltsamen schrecklichen Effekt zu erzeugen.

Wer weiß, von einer Lösung zu beheben?

CSS des LI ist:

background-image: url("../images/core/primnavItemBG_sprite.png"); 
background-position: 0 0; 
border: 1px solid #FFFFFF; 
border-radius: 6px; 
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); 
color: #2062AF; 
font-family: 'Montserrat',Helvetica,Arial,sans-serif; 
font-size: 14px; 
margin-right: 5px; 
outline: medium none; 
overflow: hidden; 
text-decoration: none; 
text-transform: uppercase;

Quelle

2014-02-25 dubbs

ich dies auf ocassion bemerkt habe, da sie zum ersten Mal Unterstützung für 'border-radius' in IE hinzugefügt. – HackedByChinese

Vielleicht ist dies: http://StackOverflow.com/Questions/21935209/Strange-Border-Color-issue/21935662?noredirect=1#Comment33227979_21935662 –

Neugierig, warum Sie Hintergrund-Bild mit einem tatsächlichen Bild anstelle von CSS3 Farbverläufe verwenden? –

-2

eine solide BG Farbe zu IE10 + Hinzufügen dieses Problem behoben ... scheint wie ein IE Fehler versucht, CSS3 Bits zu machen ...

Quelle

2014-02-25 16:27:20 dubbs

Ich habe genau dieses Problem, aber meine Taste verwendet bereits eine feste BG-Farbe. Ich sehe diese seltsamen Linien auf der linken Seite jedes Elements, auf das ich den Grenzradius gesetzt habe. Was war dein vollständiger Code für die Fehlerbehebung? – jhned

Ich habe das gleiche Problem mit einem soliden Hintergrund. Ich hätte auch nichts dagegen, eine Lösung zu sehen. – freshyill

-1

Statt eines background-image Warum nicht http://css3buttongenerator.com/ verwenden, um diese Schaltfläche neu zu erstellen und zusätzliche Anfragen und Ladezeiten zu speichern. Ich war in der Lage, Ihre Schaltfläche und Ihren Verlauf in IE 11 mit dem obigen Generator neu zu erstellen. Bild beigefügt; Button image

Quelle

2016-01-27 13:06:53

Bitte versuchen Sie diesen in bedingten CSS-Block.

background-image: url("../images/core/primnavItemBG_sprite.png"); 
border: 1px solid #FFFFFF; /*In Border color use color same as background color otherwise use border-size:0*/ 
box-shadow: none; 
outline: none;

hoffen, dass dies beheben Ihr Problem

Quelle

2016-01-28 07:09:02

Dies ist ein bekannter Fehler, indem IE11 in IE10 Kompatibilitätsmodus gelöst werden kann, in der border-radius funktionieren gut.

Insert <meta http-equiv="X-UA-Compatible" content="IE=10" /> in head.

Quelle

2016-01-31 21:45:42

-1

Sie aktivieren IE10-Modus durch <meta http-equiv="X-UA-Compatible" content="IE=10" /> Addierabschnitt den Kopf und in der Regel arbeiten.

Quelle

2016-01-31 22:03:09 Abramova

Diese Antwort wurde fast 20 Minuten vor Ihrer gegeben. – LGSon

Das ist für mich gearbeitet. Ich bin mir nicht sicher, ob Sie das gleiche Problem haben wie ich. Ich bekam leichten weißen Bohrer nur um die Ecken.

background-clip: padding-Box;

Quelle

2017-04-15 01:23:24

Lösung:

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

<style> 
    border-top-right-radius: 7px; 
    border-top-left-radius: 7px; 
    border-bottom-right-radius: 2px; 
    border-bottom-left-radius: 2px; 
</style>

Quelle

2017-09-20 11:08:15 kavita

Bitte fügen Sie Ihrem Code eine Erklärung hinzu. – marsze

IE11 Grenzradius und Grenz Bug

Antwort

Verwandte Themen