2012-07-16 7 views
6

मेरा एक आवेदन वेब आधारित पीओएस (प्वाइंट ऑफ सेल) है। तो क्रोम में चालान मुद्रण करते समय। पृष्ठ पर शीर्ष लेख और स्वचालित रूप से ब्राउज़र है कि मैं पृष्ठ के माध्यम से और उपयोगकर्ता के हस्तक्षेप के बिना दबाने के लिए चाहते द्वारा डाला पृष्ठ पाद लेख ..सीएसएस: प्रिंट पूर्वावलोकन से हैडर और पाद लेख अक्षम करें क्रोम

मैं प्रिंट मीडिया में कुछ सीएसएस लागू किया-यहाँ पर,

@media print { 
#header, #footer { 
    visibility: hidden !important; 
    display: none !important; 
} 
} 

लेकिन यह आवेदन नहीं कर रहा है, शायद चयनकर्ता सही नहीं है?

और मैंने मार्जिन को भी कम करके कोशिश की, लेकिन पेज-सामग्री को काटने/ओवरराइड करने पर, अगर प्रिंट में कई पेज हैं .. और एक और बात, मैं प्रिंट पूर्वावलोकन विकल्प को अक्षम नहीं करना चाहता क्रोम ..

किसी के पास इसका कोई अच्छा समाधान नहीं है?

बेस्ट सादर ..

+0

आपका कोड ठीक दिखता है, हालांकि 'दृश्यता' अनावश्यक है। जांचें कि क्या आपके पाद लेख और हेडर में आईडी है, जो आप सीएसएस चयनकर्ता में उपयोग करते हैं। – c69

+0

असल में प्रिंट पूर्वावलोकन पर हेडर और पाद लेख की आईडी या कक्षा का निरीक्षण करने में सक्षम नहीं है ... क्या आप कृपया अपनी तरफ से कोशिश कर सकते हैं ..? –

+0

लॉल, तो आपका मतलब हेडर और पाद लेख नहीं है लेकिन [पेज हेडर/पाद लेख] (http://en.wikipedia.org/wiki/Page_header)? क्षमा करें, आप उन्हें सीएसएस के माध्यम से छुपा नहीं सकते हैं, लेकिन आप अपने पेज को पीडीएफ या डॉक्टर में परिवर्तित कर सकते हैं, जो प्रिंटिंग पर अधिक बेहतर नियंत्रण की अनुमति देता है, और इस दस्तावेज़ को प्रिंटर पर भेजता है। – c69

उत्तर

18

उपयोग

@page{margin:0px auto;} 

अपने सीएसएस लिपि में। यह प्रिंटिंग के दौरान आपके पृष्ठ लेआउट को सबसे अधिक संभावना से फेंक देगा, इसलिए संभवतः आप अपने पृष्ठ को फिर से अच्छे लगने के लिए सही पैडिंग के साथ # कंटेनर div जोड़ना चाहेंगे। केवल Google क्रोम पर परीक्षण किया गया।

+0

अगर मैं एक बार से अधिक बार इस उत्तर को ऊपर उठा सकता हूं, तो मैं चाहता हूं। आप एक जीवन रक्षक है**। धन्यवाद!! –

-1

। । मुझे यकीन नहीं है कि आप विकास में कितने जानकार हैं, लेकिन सीएसएस चयनकर्ताओं को कुछ तत्वों से मेल खाना चाहिए। [पेज] "हेडर" और [पेज] "पाद लेख", जैसा कि "[मुद्रित] पृष्ठ" में है, जैसा कि "[वेब] पृष्ठ" में नहीं है, को सीएसएस द्वारा लक्षित नहीं किया जा सकता है - विशेष रूप से मनमाने ढंग से नहीं आईडी, और वे जो शायद आपके स्वयं के पेज आईडी से टकराएंगे और ब्राउज़र विक्रेता कभी भी लागू करने के लिए स्वीकार नहीं करेंगे।

। । "मार्जिन: 0 ऑटो;" का उपयोग करने का सुझाव एक "@page" निर्देश पर वास्तव में सही है (क्योंकि ब्राउज़र के पास दिखाने के लिए पर्याप्त मार्जिन नहीं है, यह केवल उन्हें छुपाएगा)। समस्या यह है कि वर्तमान में केवल क्रोम इसे सही तरीके से समर्थन देता है। अन्य ब्राउज़रों के साथ आपके पास पीडीएफ बनाने और इसे प्रिंट करने के अलावा कोई अच्छा विकल्प नहीं है। आप एक स्व-प्रिंट करने योग्य पीडीएफ बना सकते हैं जो प्रिंट संवाद को दिखाएगा जैसे ही यह उस पर एम्बेड किए गए जावास्क्रिप्ट का उपयोग करके लोड हो जाता है, लेकिन मुझे लगता है कि यह सबसे दूर है जिसे आप जा सकते हैं।

। । सौभाग्य।