javascript - 使用 Fancybox2 和 CSS 打印

Question

我已经搜索并试图让它工作，但我无法弄清楚我做错了什么。我正在尝试使用 css 中的 @media print 从 fancybox 打印。到目前为止，我还没有能够让按钮甚至链接出现在屏幕上。这是我的代码...

CSS

@media print
{
body * { visibility: hidden; }
#fancybox-content * { visibility: visible; }
#fancybox-content {position:fixed; top: 5px; left: 5px; }
}

#print-link {
position: absolute;
top: -12px;
left: -15px;
height: 32px;
width: 85px;
background: url("../images/drawings/fancybox/print.png") top left no-repeat;
cursor: pointer;
z-index: 1103;
}

HTML

$(document).ready(function(){           
      $('.fancybox').fancybox({
        beforeShow: function(){link = '<a id="print-link" href="javascript:window.print()"></a>';$('#fancybox-close').before(link);}                
    }); 
});

我在这里想念什么？