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:
however, i've tried site on google chrome on windows 8.1, , how displays site:
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
Post a Comment