This blog uses responsible cookies for functionality and user preferences.
Google Analytics is used for collecting general public information to understand how my blog is used.
Learn moreThe Official Blog of Patcoola
Im just a dude watching over my parents,
and trying to make cartoons and video games from home.
and trying to make cartoons and video games from home.
R&D: Opacity JavaScript 2012/08/15
Important!
Dear visitors,
This blog and the Tigarus.com network will be changing our website software in May (2024). There will be some down time and there will be a change to the webpage addresses.
We will also be removing the Anime blogs. The Rocksmith Songs website will be unavailable of a few weeks or months while I move the database to the new software.
At the moment we are running on Wordpress, the new software is an in-house project which is 57 times faster. It will also provide more freedom for development.
Thank you for understanding.
A while ago I made a Java Script method to easily add fade effects to elements. Today I had to revisit that script to make a standalone opacity function, as a result I had to rewrite the method because of some over looked quirks.
Internet Explorer has two methods of setting opacity to an element and Internet Explorer 8 has three methods, as a result I have to incorporate both old and newer methods. This will take time.
Opacity works with all modern Web browsers with limited legacy browser compatibility.
Netscape 7 has full support. Netscape 6 must have CSS -moz-opacity pre defined first, before you can change the value.
I believe opacity was made available with Opera 9.
Internet Explorer has had opacity for many versions.
Weird quirk with Internet Explorer, in versions earlier than version 8, the CSS width of an element must have value. I wasted about 4 hours before I figured that out. Alternatively you could use the CSS zoom but that sets off a warning outside of MSIE.
Untested legacy Safari support has been added, as well as legacy Gecko based browsers.
Overall, my opacity script is really just for modern Web browsers. Any legacy support is really hit or miss.
Post Meta
Share Post
Comments: Write Comment
Be the first to write a comment.
Leave a Comment
Terms of Use, Cookies, Privacy, and more, see Terms and Privacy
Third-party copyrights and trademarks featured on this site are owned by their respected holders.
Website written and designed by Patcoola 2019, some rights reserved.