我已经搜索并试图让这个工作,但我无法弄清楚我做错了什么。我正在尝试使用来自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);}
});
});
我在这里缺少什么?