链接在Chrome和Firefox中不可点击，直到打开开发人员工具

Question

I'm doing some consulting for a site that is about to be redone, but still has to at least partially function in the mean time. At the moment my biggest issue is that on some pages the links are not clickable in FF or Chrome when the page loads, but by some magic when I open the developer tools (f12) for either everything starts working. Additionally, when the page initially loads trying to 'inspect element' does not work properly, but it works fine after the dev tools are open. My best guess here is that there's something else on the page that's effectively 'covering up' the rest of the page, but I haven't been able to find it yet. I've tried adding a z-index and playing with positioning to no avail, so if anyone has seen this before or has any thoughts I'd be most appreciative.

https://www.petermichaelfoundation.org/events.php?title=Upcoming+Events&type=2 and https://www.petermichaelfoundation.org/news.php?title=Foundation+News&id=1 are both good examples of the problem in action.

Answer 1

Your table containing the content has z-index: -2 ; As a result, it is being placed below the body.