css - Styling :after pseudoelement in Firefox -
i can't figue out way rid of :after alement on firefox. does't show in firebug @ all, , it's messed in firefox. probelm in question css arrow pointing downwards:
.arrow-box { position: relative; background: #000000; } .arrow-box:after { top: 100%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box:after { border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 10px; left: 50%; margin-left: -10px; }
it works fine everywhere apart firefox. how can :after styled on firefox alone?
[edit]
<ul> <li > <a href="index.php">strona główna</a> </li> <li class="arrow-box"> <a href="index.php?page=lista-instalacji">lista instalacji</a> </li> <li > <a href="index.php?page=raporty">raporty</a> </li> <li > <a href="index.php?page=faq">pytania odpowiedzi</a> </li> <li > <a href="index.php?page=wegiel-a-zdrowie">węgiel zdrowie</a> </li> </ul>
Comments
Post a Comment