PagePeel left not working in IE?
- Posted by Joris (3) Offline
Is it true that the jQuery version of PagePeel does not function on the left site side in IE9?
I was struggling with that one. And now I see you seem to have the same problem in your own demo on demo.templateplazza.com/joomla/index.php...l-in-left-with-flash (wich is without flash).
Is it me? Is it my browser? Or is it the script?
IE10 is all rigt, IE9 with PagePeel on the right is ok too over here.
TIA
Best regards,
Joris
11 years 8 months ago #1
by Joris
I was struggling with that one. And now I see you seem to have the same problem in your own demo on demo.templateplazza.com/joomla/index.php...l-in-left-with-flash (wich is without flash).
Is it me? Is it my browser? Or is it the script?
IE10 is all rigt, IE9 with PagePeel on the right is ok too over here.
TIA
Best regards,
Joris
Please Log in or Create an account to join the conversation.
- Posted by erwinschro (1034) Offline
Mmm...the demo for left pagepeel is okay from my end using IE9...
11 years 8 months ago #2
by erwinschro
Please Log in or Create an account to join the conversation.
- Posted by Joris (3) Offline
Strange. I tried in three systems now and in the IETester application. All with the same result. PagePeel in the right corner seems nice. In the left all the corner is blinking with dark black parts and shadows; horrible. IE don't like the mirroring. Firefox is ok (as usual).
11 years 8 months ago #3
by Joris
Please Log in or Create an account to join the conversation.
- Posted by andy (759) Offline
Hi jorlan, Yes this seems a ie9 bug when mirroring transparent png images. If you really want to use the left direction of pagepeel banner, and really care with IE 9 you can do this trick below
1. Open file mod_pagepeelbanner.php then delete these lines of codes (arround lines 254):
2. Replace the bg-dark.png with the version attached below
Hope that helps
11 years 8 months ago #4
by andy
1. Open file mod_pagepeelbanner.php then delete these lines of codes (arround lines 254):
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
2. Replace the bg-dark.png with the version attached below
Hope that helps
Please Log in or Create an account to join the conversation.