[drtduarte]

Hello Friends,

I'm using an image png with round corners and transparency.
On IE8, Firefox and Chrome the corners of the image are well rendered, but not on IE7.

Screenshot of IE7 attached

Attached File(s)

•  IE7.png (313.49K)
  Number of downloads: 17

This post has been edited by drtduarte: 24 December 2010 - 01:35 PM

[Wickham]

Does it improve if you make the image at first from much larger images, then make the rounded corners, then reduce the size?

[digiNeiker]

see this link hope this will help u.

This post has been edited by digiNeiker: 24 December 2010 - 02:48 PM

[drtduarte]

Hello friends,

Thanks for your fast replies.

I've tested both methods without good results.

The first method puts the upper left corner even worse, the second method doesn't changes anything.

What I don't understand is that the problem is usual on IE prior versions to 7, but my problem exists also on IE7.

Please gave a look if you have IE7.

f r e s a t o r . p t / s i t e 2 0 1 1

[digiNeiker]

u need to fix ie filter after fadeTo/fadeOut effect.

see this link

This post has been edited by digiNeiker: 24 December 2010 - 04:44 PM

[drtduarte]

I tested that and didn't see any difference, maybe I'm not using the right code.

I'm using the following:

this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');

},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');

[digiNeiker]

Quote

this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');

},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');

this code is for prev/next buttons, but you need fix image slide animation code in jquery.galleriffic.js