Neden CSS kullanarak ekran durumunu değiştiremiyorum?

4 Cevap php

Ben baskı sırasında bir rapordaki bir başlık görüntülemek için çalışıyorum ama yazmıyor. Ne yaptım ben benim düzenli CSS display:none için ekran durumunu ayarlamak oldu

#transfer_head2
{
display:none;
}

ve benim baskı CSS display:block için ekran durumunu değiştirdi

#transfer_head2
{
display:block;
}

ancak bu çalışmıyor. Neden? Herkes bana yardımcı olabilir misiniz?

4 Cevap

CSS dosyalarının sipariş ve tanımlanmış medyayı kontrol edin. O media=all ile herhangi bir CSS geçersiz böylece print.css son gelmelidir. Web Developer eklentisi ile Firefox kullanarak bu baskı ortamı sanki görüntülemek için tarayıcınızda CSS değiştirebilirsiniz. Sen nerede uygulanır ediliyor ne CSS görmek için Firebug'ın denetim tesisleri ile birlikte denemek isteyebilirsiniz.

Belki display: none daha sonra tanımlanmış başka bir özelliği ile yazılır. Deneyin! Önemli

display:block !important;

Mi #transfer_head2 a TABLE? Eğer öyleyse, kullanmanız gerekir:

#transfer_head2 { display: table; }

Bir TR mi?

#transfer_head2 { display: table-row; }

Bir TD veya TH mi? Sonra şu var:

#transfer_head2 { display: table-cell; }

Bu IE6 veya alt desteklenmez unutmayın. Bu durumda aşağıdaki gibi bir şey kullanmak isteyebilirsiniz:

@media screen {
    #transfer_head2 { height: 1px; width: 1px; overflow: hidden; visibility: hidden; }
}

@media print {
    #transfer_head2 { height: 60px; width: 468px; visibility: visible; }
}

EDIT: benim özgün yazılan bu belirttiğiniz ama sizin CSS aşağıdaki gibi bir şey varsa çoğu tarayıcı konfigürasyonları arka plan yazdırma varsayılan olarak devre dışı, bu nedenle, akılda tutmak için unuttum:

#transfer_head2 { background-image: url('../image/print_banner.jpg'); }

Bu ne olursa olsun display modu baskı olmayacaktır. Eğer kullanıcının tarayıcı yapılandırması üzerinde kontrol varsa, bu olmayan bir konudur, ancak çoğu durumda, sizin afiş için bir IMG etiketini kullanmak isteyeceksiniz.

#transfer_head2 bunu söylemek zor kodunu görmeden, sorunuzun yapıştırın gerekir.

Bir olası nedeni banner #transfer_head2 elemanı için bir plan yapmış ve tarayıcıları genellikle varsayılan arka yazdırmak için ayarlanmış olduğundan emin olabilir.

EDIT: ugh, Andrew zaten kapalı olan ...

etiketler