html - In IE11 using pseudo element ::before and display:table-cell and glyphicons contens wont show up -
i've spent rather time on cant come solution. problem want display glyphicon before content of text-block , element icon has should fill height body needs. works in browser versions except ie. have boiled down in fiddle
<div class="block"> <div class="body">body</div> </div> .body::before { background: blue; content: "\e005"; font-family: "glyphicons halflings"; display: table-cell; width:30%; } .body { background-color: green; display: table; width: 25%; } if add/remove display: table-cell on fiddle above using ie11 see problem is. can give me solution this, or better, explain happening.
there active bug report issue in microsoft connect website. on ie, font-family decleration ignored in pseudo-element display: table-cell; property.
to workaround problem, need set display: inline-block;.
Comments
Post a Comment