html - Css Triangle not rendering properly in IE -
i trying create css trianlge header navigation.i have achieved not rendering in ie.
here working fiddle solution sample have created.i have fixed position when try run in ie(currently have ie 11.0) triangle rendered square box when try run in chrome , ff working fine.
fiddler : http://jsfiddle.net/cknyq/20/
a:hover:after { background: white; border: solid black; border-width: 1px 1px 0 0; bottom: 0px; content: ' '; display: block; height: 10px; left: 32px; position: absolute; width: 10px; z-index: 99; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; }
use -ms-transform: rotate(-45deg)
Comments
Post a Comment