2010-10-24 5 views
5

J'ai cette situation dans mon code:css, désactiver l'affichage: aucun;

<!-- This is the global CSS file --> 
<style type="text/css"> 
#show_div{ 
    display: none; 
} 
</style> 
<!-- This is the local CSS file (only in this page)--> 
<style type="text/css"> 
#show_div{ 
    /* However to disable display: none;*/ 
} 
</style> 
<body> 
<div id = "show_div"> 
    Text text 
</div> 

J'ai besoin généralement de cacher cet élément, mais sur une page, je dois le montrer. Dans le fichier global css je:

#show_div{ 
    display: none; 
} 

Comment puis-je désactiver display: none;? Je ne peux pas utiliser jQuery, $('#show_div').show(); (ou JavaScript).

Merci

Si vous ne comprenez pas mon problème, je présente mes excuses. Je peux essayer d'expliquer à nouveau.

Répondre

11

changer la classe de corps ou l'identifiant de la page que vous voulez qu'il soit visible sur

<style> 
#show_table #show_div{ 
display:block!important; 
} 
</style> 


<body id='show_table'> 
<div id='show_div'> 
text text 
</div> 
1

Réglez-le sur different value, mais il semblerait que vous feriez mieux de simplement inclure le contenu de la page dans laquelle vous souhaitez qu'il apparaisse au lieu de le placer partout et de le masquer.

5

Utilisez display: block pour obtenir la valeur par défaut display pour un élément <div>, comme tis:

#show_div { display: block; } 
0

Utilisation !important devant votre style sur la seule page pour remplacer les définitions de style précédentes.

#show_div { 
display:block !important; 
} 
Questions connexes