使用Fancybox2和CSS打印

时间:2013-07-12 22:40:20

标签: javascript css fancybox-2

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

我在这里缺少什么?

0 个答案:

没有答案