From 37a06ec15191cef03f8a75c908835018233a37cc Mon Sep 17 00:00:00 2001 From: Vasile Botoroga Date: Wed, 20 Jan 2016 16:40:18 +0100 Subject: [PATCH 1/2] fix z-index values (bs3 or foundation have higher values) When using bootstrap or foundation the fixed elements have a higher z-index. --- css/zoom.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/zoom.css b/css/zoom.css index 679bccc..9a91838 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -6,7 +6,7 @@ img[data-action="zoom"] { .zoom-img, .zoom-img-wrap { position: relative; - z-index: 666; + z-index: 99999; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; @@ -17,7 +17,7 @@ img.zoom-img { cursor: -moz-zoom-out; } .zoom-overlay { - z-index: 420; + z-index: 9999; background: #fff; position: fixed; top: 0; From d72bda2de7e6f1846b08299bd904189f43afcdbd Mon Sep 17 00:00:00 2001 From: Vasile Botoroga Date: Wed, 20 Jan 2016 16:41:01 +0100 Subject: [PATCH 2/2] fix blurred images on chrome hack to add hardware acceleration to the animation --- css/zoom.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/zoom.css b/css/zoom.css index 9a91838..5057884 100644 --- a/css/zoom.css +++ b/css/zoom.css @@ -15,6 +15,14 @@ img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; + + filter: none; + -webkit-filter: blur(0px); + -moz-filter: blur(0px); + -ms-filter: blur(0px); + filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); + backface-visibility: hidden; + transform: translateZ(0); } .zoom-overlay { z-index: 9999;