Printing recalcitrant pages from Safari

I accessed Classic Baked Beans in Safari 11.0. When I use the Print dialog box, the preview box shows as one blank sheet and so does going to PDF > Save As PDF from that dialog box. However, if I go to File > Export as PDF, open the PDF in Preview, everything shows and prints. One peculiarity, however, is that the first page has a large dark shadow over it. The others look and print fine.

Any ideas why this happens?

My experience is a bit different, same Safari (11.0) and OS 10.12.6, but that may be because of the order in which I tried it (see below).
File > Export as PDF gives me a black (80% #0a0a0a overlay) first page (with some white lines over it).
Print > PDF > Save as PDF gives me a proper preview for all pages and proper PDF file.
A repeated attempt at File > Export as PDF does give a proper PDF.

The webpage does define a "print" style sheet, so that appearance may differ from screen to print.

But more importantly, the site tries at a pop-up alert for sweepstakes and/or paywall (perhaps only at first visit, not repeat-loadings of the page). I think that is what the dark background is used for.

Building on Urquhart's comments a refresh of the page will clear the overlay he mentioned and after that the page prints correctly for me.

Refreshing the page didn't solve the problem, but I tried disabling extensions via the Develop menu, and that worked.

Which extensions are you running...wondering which was the critical one. (I tried disabling mine with no joy.)

My extensions are:

InvisibleHand
Incognito
Ghostery
ShowPass
ClickToFlasn
Media Center
AdBlock
Clean Links for Google
URL Advisor
ScamZapper

I haven't taken the time to figure out which one(s) may be be responsible.

I guess I forgot to reload the page the first time I disabled my extensions - Shades of "Enable content blockers"! - because this time it worked.

We've got Ghostery and AdBlock in common, it's both of them in unison that cause the problem, and this isn't the first website on which it's happened.

If you want to keep most of your blocking agents active and still be able to print that particular page, click on the Ghostery button when on the page and try allowing the Google Publisher Tags tracker. If you use the right hand button behind the tracker listing to do this, you'll limit this action to this site only.

PS, I use Adblock Plus, and this doesnâ€™t interfere with printing; I donâ€™t know how Adblock responds.

Thanks! That seemed to have worked. For the record, I did nothing with AdBlock, just Ghostery as per your suggestion.

Turning Ghostery off yields the top image, and turning AdBlock off in addition yields the bottom one with all the "goodies". See here.

So, yeah, assuming that you wanted only the beans recipe, alternaut's answer is the correct one.

I've not had good luck with Print Preview nor with Save As PDF as of somewhat recently. WYSIWYG seems to have become very unreliable. Text overlaps or is mis-formatted, images aren't included, "CLICK HERE TO RESIZE" overlays are visible on top of some images, eBay is often mangled, PayPal is hopeless.

I don't understand why they can't get WYSIWYG right. "You drew it correctly on the screen, why can't you save/print it the same way??" Sometimes I need an accurate PDF copy and can't get anything useful and end up having to do a screen capture instead. It's a bigger file, and I can't copy text from it later if I need to, but sometimes it's the only usable option.

In some instances when command-P with my doc open hasn't given me what I expected I've had luck printing from Finder.