search

herrethan / flipcarousel

A jQuery plugin to display carouseling content using a card flip effect.
11 stars 5 forks source link

Firefox z-index overrides backface-visibility #4

Open herrethan opened 9 years ago

herrethan commented 9 years ago

Observed in Firefox 34, on Mac: When flipping to .face.front z-index=0 / .face.back z-index=1, all behaves as expected, backface remains invisible. However, flipping to .face.front z-index=1 / .face.back z-index=0, backface becomes visible, resulting in an awkward transition, and in the case of no card face to be shown, instead of being invisible it shows the back of the rotated card.

Need to rethink z-indexing, which was implemented primarily to support IE8-10.

talk2cerlin commented 9 years ago

I think i have solved the issue check this preview

herrethan commented 9 years ago

In FF: The flipping has improved, but on Mac retina display, we still have the backface-visibility issue on the last card. Also, check our friend, IE.

talk2cerlin commented 9 years ago

sorry i don't have a Mac retina display to test.