FB Like Box Overlapping Issues
Sometimes we are getting stuck with the Facebook like box overlapping positioning issue due to its overlap behind other page contents and elements.
We do not require to change a z-index property of the parent/container element. Just follow a quick fix.
Quick Fix
Following is the quick fix to resolve Facebook like box o verlapping positioning issue:
<style type="text/css"> /* Put it to your style.css */ .fb_iframe_widget iframe { position: fixed !important; } </style>
It will overwrite the Facebook default style with our custom style fix.
Note: If it does not work then make sure the parent/container element has CSS value overflow:visible. It happens when the parent/container element has CSS value overflow:hidden.
You may also like, 100+ Frequently Asked Interview Questions on Asp.net, Top 10 OOPS Concepts in .NET C# with Examples here.