I am displaying a vf page with in a salesforce standard page. That Vf page is showing a small div as a pop-up with a button. Is it possible to grey out the entire window, including the standard page till the user clicks on the button? Using the below css code it is only graying out the embedded VF page and not the complete window.

.popupBackground { opacity:0.8; background-color:#ccc; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1000; }


closed as off-topic by Mike Chale, Mark Pond, Samuel De Rycke, Peter Knolle, Boris Bachovski Dec 19 '13 at 22:25

  • This question does not appear to be about Salesforce within the scope defined in the help center.
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 4
    This question appears to be off-topic because it is about using JavaScript to create modal popups. – Mike Chale Dec 19 '13 at 20:45

You need a helper companion to bridge the gap between domains. See my answer on this site for the HTML5 technique for doing this. You may run into complications, though, because you'll have to figure a way to move the iframe above the div in that case, or it will block the entire page, including the content you're trying to expose.

Not the answer you're looking for? Browse other questions tagged or ask your own question.