impression div défini à l'origine pour afficher: none;

J'ai un div qui est visible si vous cliquez sur le lien approprié, en utilisant slideToggle de jQuery pour l'afficher.impression div défini à l'origine pour afficher: none;

Il a

$(document).ready(function() { 
    $('#content-click').click(function() { 
     $("#content").slideToggle(100); 
    }); 
}); 

<div id="content" style="display:none;"> 
    this is the content 
</div>

Dans l'impression css, je pensais que peut-être mise à #content #Content {display: block; } ferait l'affaire, mais pas de chance.

Toute aide est appréciée.

Source

2010-07-06 Brad

Vous pouvez utiliser le bouton « Exemple de code » au style votre code, je suppose que votre code HTML ne s'affiche pas à cause de cela. – Marko

Probablement pas important, mais il vous manque a}) dans votre javascript. –

Vous devez déplacer la déclaration display:none d'inline vers votre feuille de style classique. La raison pour laquelle votre feuille de style d'impression n'affiche pas la div lors de l'impression est qu'elle est remplacée par le style en ligne.

Source

2010-07-06 19:57:02

Le contenu de l'attribut de style de l'élément remplacera tout ce qui se trouve dans le CSS. Vous devez spécifier display: block; dans l'attribut de style, ou ne pas avoir d'attribut de style du tout et spécifier à la place display: none; dans la feuille CSS non imprimée.

Source

2010-07-06 19:57:10 ChrisW

Je vais bousiller la syntaxe de ce un peu, mais essentiellement:

@media print 
{ 
    #content { display: block; } 
} 

@media screen 
{ 
    #content { display: none; } 
}

et retirez le style en ligne de l'élément DIV

Source

2010-07-06 19:59:00

impression div défini à l'origine pour afficher: none;

Répondre

Questions connexes