remove -webkit-transform: translateZ(0); because it breaks z-index properties

[mghignet]

Hi,

Great library!

I read that the -webkit-transform: translateZ(0); CSS property was used to enable hardware acceleration and make transitions more fluid. Is that why it is used on that library?

I found that when using the Window zoom option, the z-index property that you set to the window container is canceled and does not work. The result is that when you have "absolutely" positionned elements on the page with z-indexes, they appear over the zoom window, even if their z-index property is lower. I fixed that by removing the -webkit-transform property.

[nubz]

+1 I have issues when using this within an overlay - removing translateZ() works - currently using using lame call:

setTimeout(function () {
      $('div.zoomContainer').css('-webkit-transform', 'none');
}, 1000);

[aelamrani]

+1000

[mghignet]

I have just rebased the branch so that it's mergeable again :)

[igorlino]

@mghignet Hi there, FYI, I have re-created the elevatezoom into EZPlus, an up-to-date project at: https://github.com/igorlino/elevatezoom-plus Although it has already many build changes, as of today it has nearly the same JS code as KyleMacey' fork (which had the most bug-fixes from all other elevatezoom forks. Thanks for your efforts) Happy to receive PRs.