:after w IE11

0

Cześć,
Mam stronkę:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .group-title {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            color: #444;
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 600;
            margin: 15px 0;
            overflow: visible;
        }

        .group-title::after {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 1px;
            content: '';
            background-color: #ced4da;
            margin-left: 10px;
        }

        .group-title::before {
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
            margin-right: 0;
        }
    </style>
</head>
<body>
    <div class="group-title">
        Tekst
    </div>
</body>
</html>

Problem dotyczy IE11. Nie wyświetla się pozioma linia po tekście. Jak to obejść?

2

Przestać się przejmować ie 11, z którego dziś nie korzysta prawie nikt.

2

Jak pisze @mr_jaro szkoda czasu na IE 11...
Ale jeśli Ci zależy to zerknij stackoverflow.com/questions/27875232

1

https://caniuse.com/#search=%3Aafter
Możesz, olać 2.6% użytkowników starej przeglądarki albo pisać osobny css na potrzeby IE.

0

Faktycznie można olać sprawę dla IE ale można też dodać zwykłe display: block; do :after i też działa :)
@PiDev dzięki :)

1

W sumie to babola strzeliłam, bo w pierwszej wersji wkleiłam linka do wyszukania "after" zamiast ":after" w CanIUse i teraz można się dowiedzieć, że IE11 tę funkcję wspiera. To samo z resztą twierdzi https://www.w3schools.com/cssref/sel_after.asp , informując o częściowym wsparciu już od IE8. Tymczasem wychodziłoby, że to nie jest jednak pełne wsparcie.
To kto się w końcu myli? Czy może definicja pełnego wsparcia nie wyklucza zawężonej klasy elementów / dodatkowych zabiegów, żeby coś zadziałało?

1 użytkowników online, w tym zalogowanych: 0, gości: 1