The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Does not seem to work correct in Google Chrome
| Project: | Reflect jQuery |
| Version: | 1.0 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
The reflection works, but it is at full opacity and does not fade out as in other browsers.
- Login to post comments
Comments
#1
this can be fixed by making the following small change to the code:
starting line 129...
// if (navigator.appVersion.indexOf('WebKit') != -1) {
// context.fill();
// } else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
// }
The fillRect version seems to work on all the following browsers:
IE7, FF3 on Vista
IE6, FF2, Chrome, Safari3, Opera 9.6 on XP
Safari3, Opera 9.6 and FF3 on Mac OS X
#2
You need to use fill() then rect(), not fillRect().
My Reflection script for jQuery does not have this bug:
http://www.digitalia.be/software/reflectionjs-for-jquery