How to display a div on an object without being blocked by the object animation. Explain the occlusion analysis

When the mouse moves to the menu button, the p of the submenu appears, but it is blocked by the object animation and cannot be displayed. To solve this problem, here is a good solution. I hope it will be helpful to everyone. Today I made a menu button. When the mouse is moved to the button, a drop-down submenu function appears. The implementation is to put the submenu into a p and add a hover function to the menu button. But there is a p below the menu button, inside is an object tag, and a flash animation is placed inside. When the mouse moves to the menu button, the p of the submenu appears, but it is blocked by the object animation and cannot be displayed. I searched online and most of the solutions are not very helpful. Here we recommend a more feasible and simplest method: add in the object tag.

This method has limitations: it works for IE8, but does not work for Firefox and Google Chrome.

For more analysis and explanation of how to display a div on an object without being blocked by the object animation, please pay attention to the PHP Chinese website!