Firefox CSS triangle render error -


i have written css able create 'wonky' div ie8 compatible using css triangles , pseudo-elements.

http://jsfiddle.net/9wapa/2/

this method working in ie8+ , versions of chrome. firefox proving issue.

on machine edges rending perfectly, when testing on other systems running variety of oss , firefox versions, , edges of triangles become jagged (not antialiased) seemingly @ random.

after investigation found style:

-moz-transform: scale(0.9999); 

which fix jagged edge, problem when style applied , edge not jagged user, random graphical bugs start playing (flickering , colour bleeding).

http://i.imgur.com/sfilwhk.png

after research , comparing separate machines think issue machines have 'direct2d' enabled on them. tests every machine did not have direct2d running showing jagged edge.

so question is: know of style fix jagged edge, without causing crazy graphical bugs in direct2d? or possibly; know way site detect presence of direct2d on machine style added in js?

thanks!


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -