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

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -