2017-03-21 5 views
0

Ich bin nicht einmal sicher, dass dies in der richtigen Kategorie ist, aber ich werde fragen und vielleicht wird jemand mich führen, wenn nicht.Schwache Linie sichtbar auf Nicht-Retina-Bildschirmen

Siehe das angehängte Bild. Dies ist eine Navigationsstruktur mit Tabs, die mit einer ungeordneten Liste und einem einzelnen Div erstellt wurde, um den unteren Rand der aktiven Registerkarte zu verbergen. Auf der aktiven Registerkarte ist nur auf Nicht-Retina-Bildschirmen ein schwacher Unterrand sichtbar. Es kann jeder nicht-Retina-Bildschirm (nicht nur meiner) sein. Ich kann es sogar sehen, wenn es auf einem Nicht-Retina-Bildschirm bei BrowserStack angezeigt wird.

Der Container für die Struktur hat eine untere Grenze von 1px solid #ccc und die aktive Registerkarte verwendet ein absolut positioniertes div von 4px solid #fff, um die Linie am unteren Rand der aktiven Registerkarte zu überdecken. Dies funktioniert perfekt mit Ausnahme der schwachen Linie auf Nicht-Retina-Bildschirmen.

Ich habe StackOverflow ohne Glück googeln und durchsucht. Irgendwelche Gedanken, Ideen oder Vorschläge würden geschätzt werden!

enter image description here

enter image description here

+0

Ist es ein 'Knopf' oder ein' Eingang'? – nashcheez

+0

Können Sie den Code posten? – VilleKoo

+0

@nashcheez, es ist weder. Es ist eine Tab-Navigationsstruktur, die aus einer ungeordneten Liste und einem div besteht, um den unteren Rand des aktiven Tabs zu überdecken. –

Antwort

0

konnte ich dieses Problem beheben, indem Backface-Sichtbarkeit Zugabe: hidden; bis zum unteren Rand. Danke für die Rückmeldung!