Alternative à la visibilité:l'effondrement ne fonctionne pas sur IE et Chrome

La page suivante:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css"> 
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>

fonctionne uniquement sous Firefox. IE affiche toujours la ligne, et Chrome cache la ligne, mais en montrant son espace vertical.
Alors, comment puis-je cacher complètement une ligne, en utilisant uniquement CSS?

Avez-vous essayé "display: none;"?
Il semble que cela fonctionne! Merci beaucoup!
Il est un peu tard, mais vous pouvez le faire fonctionner sur Chrome de cette façon

OriginalL'auteur tic | 2010-03-21

  1. 15

    Utilisation

    display: none

    au lieu de
    visibilité: effondrement

    Il travaille pour me cacher le dojo de l'arbre de la grille de ligne de résumé dans IE6 & Google Chrome

    Malheureusement, display: none; provoque également les lignes et les cellules pour être ignoré pour les fins du calcul rowspan et colspan dans au moins un peu de navigateurs, causant des dispositions de table avec rowspan et colspan d'aller tout chancelant.
    La mise en visibilité de visible le faire apparaître? Ou devrai-je me débarrasser de l'affichage de la chose ainsi.

    OriginalL'auteur Senthil

  2. 2
    visibility: collapse

    a été mis en œuvre dans IE8

    http://msdn.microsoft.com/en-us/library/ms531180%28VS.85%29.aspx

    OriginalL'auteur Leo

  3. 1

    visibility: collapse ne fonctionne pas dans IE. Source semble que vous aurez besoin d'utiliser hidden au lieu de IE. Voir la page du lien pour plus de détails.

    Toutefois, le cahier des charges stipule clairement que dans le cas de colonnes, seulement l'effondrement est une valeur valide. l'effondrement est uniquement pris en charge par Firefox. Depuis l'Explorateur de Windows prend en charge toutes les déclarations de style sur des colonnes de toute façon, il prend également en charge visibility: hidden.

    Aussi, il ne fait pas de mal à donner à la construction complète d'une structure HTML:

    <!DOCTYPE html PUBLIC 
 "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<STYLE type="text/css"> 
 ....
</STYLE>
</HEAD>
...
    Non, il ne fonctionne pas.
    mise à jour de ma réponse.
    Je sais déjà caché de la valeur de la propriété de visibilité. Caché n'est pas la bonne solution à mon problème. Je veux la ligne disparaît complètement: c'est, il n'a pas à montrer qu'un espace vide. Caché cache de données, MAIS il conserve la verticale de l'espace. L'effondrement se cache les données ET supprimer l'espace pris par la ligne, comme si il n'était pas là du tout.

    OriginalL'auteur Pekka 웃

  4. 0

    Il est obsolète, mais vous pouvez utiliser innerHTML pour réécrire les parties que vous voulez être "partis".

    OriginalL'auteur Frances Advincula

  5. 0

    Ainsi, il semble visibility: collapse peut être utilisé dans IE. Je l'utilise et il fonctionne dans IE et Firefox. Ne sais pas sur les autres navigateurs en dehors de ces deux.

    J'ai effectué les opérations suivantes:

    HTML:

    <table class="intValidationTable">

    <tr class="rangeTR" style="visibility: collapse;">

    <tr class="listTR" style="visibility: collapse;">

    Javascript + Jquery:

    var rows = $('table.intValidationTable tr');

    var rangeTR = rows.filter('.rangeTR');

    var listTR = rows.filter('.listTR');

    rangeTR.css("visibility", "visible");

    listTR.css("visibility", "collapse");

    Cela devrait fonctionner!

    OriginalL'auteur DarkKnightFan