On 2011-08-04, at 2:05 AM, Ghodmode wrote: > On Thu, Aug 4, 2011 at 5:15 AM, Norman Fournier > <nor...@normanfournier.com> wrote: >> 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. > > Using Safari 5.1 I don't see the problem. The links under "Demo Track > List" are all clickable and change color on mouseover. It also seems > to work fine on Firefox, Chrome, and Opera. > > Did you correct it already? > > >> >> 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 >> ---
Hello, Yes I fixed it by making the content containers position: relative; instead of position: absolute; and the a tags came back to life. Thanks for your help. 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/
