Jak opravit zobrazení notifikací iOsBadge v Metro Css Ui 3.0.7 a vyšší

Dal jsem si tu práci a porovnal jsem CSS zdrojáky Metro Css UI v 3.0.6 a 3.0.7, protože při upgradu se mi zobrazovaly vždy všechny iOsBadge v rohu stránky, místo u daného divu. Nakonec jsem přišel na to že v novějších .css chybí tato deklarace:

CSS
div,p,span {
    position: relative;
}

Kterou jsem si upravil na tuto:

CSS
.iosbRepair{
    position: relative !important;
}

A tu pak přidáte (např.) k divu, který obaluje div.iosb:

XHTML
<div style="display: inline-block;" id="iosBadge0" class="iosbRepair">
    <img decoding="async" style="margin-left: auto; margin-right: auto; vertical-align-middle; width: 130px;height:97px" id="videos-2147483643" class="alternatingImage" src="https://jepsano.net/wp-content/uploads/2026/08/3.jpg">
    <div class="iosb iosb-22 iosb-top-right">
        <div class="iosb-inner iosb-green">
            <div class="iosb-content iosb-string">9</div>
        </div>
    </div>
</div>

Napsat komentář