8
votes

faire
étiquette invisible dans IE6?

Y a-t-il un moyen de se débarrasser de la bordure sur


code> dans IE6 sans l'envelopper dans un autre élément? Malheureusement, une autre exigence est une autre exigence.

J'ai réussi à le faire pour tous les navigateurs en coiffant la frontière comme telle: P>

hr.clear {
    clear: both;
    border: 1px solid transparent;
    height: 0px;
}


2 commentaires

Pourquoi pas bordure: Aucune ? Je pense que cela fonctionne même sur IE6.


Les deux solutions ci-dessus laissent une ligne 1-px dans tous les navigateurs IE. Je teste avec ietester et IE8 sous Windows.


3 Réponses :


1
votes

3 commentaires

Oui, j'ai vu ça. Mais je n'ai pas besoin d'une image, j'en ai juste besoin d'être invisible complètement.


.. Affichage: Aucun; ne le cacherait que et le 1px d'espace vertical que l'affiche veut être parti.


Je n'ai pas besoin de le cacher mais simplement à se débarrasser de sa frontière. J'en ai besoin comme un élément de compensation. Par conséquent, Affichage: Aucun n'est pas une option.



1
votes

Donc, le problème est que c'est-à-dire que c'est pas considérer


code> bordures comme "bordures". Si vous définissez
hr.clear {
    border: 0 none;
    height: 1px;
    color: #ffffff; /* if your bg is white, otherwise choose the right color */
}


0 commentaires

11
votes

Affichage: Aucun code> ne fonctionne pas car vous retirez complètement le


code> à partir du flux d'élément. Cela amène qu'il arrête de nettoyer vos flotteurs.

Si vous êtes bien avec le cacher complètement, utilisez simplement la visibilité : caché code> à la place. Il va toujours effacer les flotteurs, et cela fonctionne sur tous les IES: P>

hr {
    clear: both;
    visibility: hidden;
}


1 commentaires

Clear: les deux sont un must pour moi, visibilité: caché que ne fonctionnait que ..