jquery - HTML5 elements display in Chrome but not Firefox -
my site works fine in chrome , safari image elements not display correctly in firefox or internet explorer. don't understand how solve problem.
the problem occurs here , here
the images paired captions , triggered clicking on row of buttons @ bottom of page.
<div class="slide-caption copy-1"> <div class="slide" id="showcase-1">
the captions working fine. change when click buttons. images paired captions not appear after first image in firefox , internet explorer.
or old version of jquery that's linked? when tried update latest version of jquery blew apart in browsers.
note have added 1px outlines elements while working on problems.
the site seemed working fine until when gave me heads up. hired developer site few years ago , he's no longer available. appreciated. in advance.
in chrome (a webkit-based browser) works because .slider-inner
div being moved left-and-right using -webkit-transform
property. may note name, webkit browser prefixed command, not work in firefox.
in firefox, .slide-inner
div being moved using css property left
. work, except .slider-inner
div not position absolutely. add following css , should work:
.slider-inner { position: absolute; }
as side note, change javascript use transform
property supported firefox.
Comments
Post a Comment