Transparency Issues
Mar 25, 2016
Hello Heroes,
This is what it should do:
The user clicks on an image (black letters, transparent background) and is redirected to another slide.
This the problem:
When running the course on Docebo in IE11 on some computers (and possibly also Safari and Firefox) the image isn't recognized as such. The user can only click on the letters and not on the (transparent) background.
· The problem doesn't occur in IE9, nor in Chrome. The logo is recognized as a complete image and you can click anywhere on the pic to get to the next slide.
· Putting a transparent rectangle (hotspot)with the same triggers as the image itself on top of the image doesn't work: the transparency is not recognized.
· Putting a fully white rectangle underneath the image with the same triggers as the image itself doesn't work: the white fill of the rectangle underneath isn't recognized.
· I publish with Scorm1.2 and HTML5, but changing these factors don't affect the transparency problem...
· This is quite a big issue as it makes the use of images as buttons or hotspots impossible in my courses...
Any suggestions?
Thanks a lot!
Natacha
6 Replies
Hi, Natacha -- Thanks for reaching out and so sorry to hear of your troubles! We appreciate that you've attached your file, and I'll be happy to perform some testing and will reply here with my findings as soon as I can. Your patience is appreciated! :)
Hi, Natacha -- Thanks for your patience while I tested your file! Unfortunately, after I published your file and uploaded it to the SCORM Cloud for testing (on a Windows 7 machine within IE11, v. 11.0.9600.18230, as well as Chrome 49.0.2623.87 m, and I was able to click on the transparent box (rather than just on the letters themselves) to open the corresponding slide.
Please see this link for my published output and let me know if you find the same.
Natacha,
I tried to test it, but it works for me. However I note that the icon covered with the transparent rectangle is actually covered with a rectangle with no fill, which doesn't catch clicks. Give it a solid fill, then set the transparency to 100%,. That will catch clicks, and may help you.
Hello Christie,
Thanks for testing! It works fine on my computer too... The issue occurs on another computer than my own, which makes it really difficult to test...
In any case, I guess I'm going to give it a try with the transparent rectangle (as suggested by Walt below).
Hello Walt,
Thanks for that suggestion! I hadn't thought of that solution and will certainly use this technique in my course!
We appreciate your reply, Natacha, and hopefully Walt's suggestion will address your issue, regardless of the machine on which your course is being viewed. Please feel free to share an update, as that information could prove useful to others who come across this thread in the future. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.