Font styled with CSS and JQuery corrupted in Google Chrome -


my client notified me today regarding strange issue affects website in google chrome. website, reference, www.circom.co.uk. issue related text displayed in animated image banner @ top of page.

when site viewed browser other chrome, site displays perfectly. below screenshot of site taken internet explorer 11: enter image description here

however, i've tried site on google chrome on windows 8.1, , how displays site: enter image description here

i had been meaning update google chrome on debian 7 install, hadn't got round it. however, version of chrome on debian displayed page perfectly, lot ie11 image. version of chrome on debian 36.0.1985.125, version of chrome site broken version 37.0.2062.120 m.

i believe bug chrome, , i've reported so. however, in case google think feature, can fix text in chrome?

edit:
here javascript animation:

    <script>         $(document).ready(function(){             $('#home_banners').each(function() {             $(this).cycle({                 fx:     'fade',                 speed:  700,                 timeout: 6000,                 after: onafter,                 before: onbefore               });             });              function onafter(curr, next, opts, fwd) {             $('.green-box').delay(300).animate({ left: 0 }, { duration: 300});             $('.caption').delay(300).animate({ right: 0 }, { duration: 300});             $('.caption h2').delay(500).animate({ right: '80px' }, { duration: 300});             }              function onbefore(curr, next, opts, fwd) {                               $('.green-box').animate({ left: '-873px'}, { duration: 500});             $('.caption').animate({ right: '873px'}, { duration: 500});                     $('.caption h2').animate({ right: '875px'}, { duration: 500});             }                   }); </script> 

the library can found here: enter link description here

couldn't notice site url in screenshot.

it appears occur line of css applied tag on slider elements:

.green-box .caption-wrapper .caption h2 { position: absolute; } 

removing fix issue, need re-evaluate how positioning text.


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 -