Hello, I am working on a website at http://www.thehalcyoncore.com/
I added a simple animation of "dripping paint" using Adobe Edge and liked the results. I then added a decorative font using @font-face and that seemed to break the animation. I undid the font code and the animation started working again in Firefox and Chrome but in Safari the a tags are no longer clickable nor do they change colour on hover. Unfortunately I did not test Safari during this process to see if the animation broke the links or the font-face did, I do most of my web work in Firefox. I added z-index: -1; to the graphic files and z-index: 1; to the content divs but that did not correct the problem. The divs are tagged position: absolute; The z-index: -1 moved the graphic to it's correct layer. I also tried pointer-events: none; but the layer that seems to be interfering is already set to z-index: -1; I am working on correcting the <embed> tags returning an error during validation but they have been formatted that way and worked in Safari regardless. Any suggestions on how to get the links working in Safari again are appreciated. I posted this issue to the html5 whatwg mailing list but have not been able to debug the behaviour with the suggestions from that list so I am posting it here. Hopefully I am not breaking protocol. Thank you! Norman --- www: http://www.normanfournier.com facebook: http://www.facebook.com/normanfournierdotcom linkedin: http://www.linkedin.com/profile/view?id=18127460 youtube: http://www.youtube.com/user/normanfournier ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
