29 votes

J'ai décidé de ne pas prendre en charge IE6 - Quelles délicieuses gâteries CSS puis-je utiliser?

Ok tout d'abord, ce n'est pas une discussion sur si je dois être la restauration pour IE6. Je suis sûr qu'il ya des centaines de threads sur S. O. où vous pouvez discuter les avantages, les inconvénients, les parts de marché, javascript shivs et tous les autres trucs qui vient avec elle.

Disons que j'ai mis deux doigts jusqu'à IE6 et je suis en ignorant son existence,

ce que je peux maintenant faire différemment dans les façon dont j'ai le style de mes pages?

Pseudo-sélecteurs?

Parent/Enfant sélecteurs?

D'autres en ordre de choses?

Quelles sont les nouvelles libertés qui viennent avec l'abandon de IE6?

Je sais que certains d'entre vous auront hâte de me dire pourquoi je devrais support de ie6 ou sur js correctifs qui veux dire que je peux utiliser les sélecteurs avancés etc etc - s'il vous Plaît ne perdez pas votre/mon/notre temps!

41voto

Greg Points 8483

Vous pouvez maintenant commencer à utiliser les standards du web...

Avec IE6 hors de la voie, vous pouvez commencer à utiliser des charges de très belles choses. Ci-dessous est une liste de choses spécifiques à IE6.

De nouvelles fonctionnalités

Correction de Bugs dans IE7:

Non-technique des choses:

  • Gagnez du temps et de l'argent
  • Jeter 90% des hacks CSS

6voto

seengee Points 9367

Encore dépend vraiment des navigateurs que vous ne souhaitez cibler. Encore beaucoup de choses à regarder dehors pour.

Voici une liste des fonctionnalités non prises en charge dans IE6, vous pouvez maintenant utiliser:

  • sélecteur d'enfant ( div > p )
  • adjacent sélecteur de frères ( h1 + p )
  • général sélecteur de frères ( h1 ~ p )
  • enchaîné des sélecteurs de classe ( .class1.class2 )
  • sélecteur d'attributs ( a[href] )
  • sélecteur de descendant après :hover la pseudo-classe ( div:hover span )
  • enchaînés les pseudo-classes ( a:first-child:hover )
  • :passez la souris sur la non-ancrage des éléments
  • :first-child
  • "les dimensions virtuelles" (dimensions déterminé par en haut, à droite, à gauche, fond lors de la position: absolute )
  • min-height, min-width
  • max-height, max-width
  • transparent couleur de la bordure
  • position: fixed
  • background-attachment: fixed œuvres seulement sur l'élément racine

Une très bonne ressource que vous pouvez regarder, c'est http://caniuse.com/ pour l'affichage de ce qui est pris en charge lorsque les.

Et enfin une liste de IE6 bugs qui ont été corrigés dans la version IE7 - plus d'info ici

  • base alpha-png transparent support
  • css sélecteur d'enfant
  • !important plus fonctionne correctement
  • :la première lettre de soutien
  • partielle cliquez sur bug
  • de la fenêtre.XMLHttpRequest est présente, au lieu de ActiveXObject
  • abbr balise est reconnu
  • sélectionnez z-index bug est résolu que il est devenu sans fenêtre

3voto

Jakub Points 12663

J'ai utilisé ce site pour suivre les bizarreries / solutions de contournement d'IE6 / ~ IE6 +:

http://work.arounds.org/

Vous pouvez revoir ce qui est un travail autour d'IE6, et vous féliciter que vous n'avez plus à le faire;) Je pense que c'est un «régal» en soi .. gain de temps!

Au moins maintenant, vous pouvez vous concentrer 0 fois sur IE6 et plus de temps sur les problèmes IE7, IE8 ...

2voto

annakata Points 42676

La plupart du temps, la liberté est votre temps maintenant que vous n'avez plus à gérer les bogues IE6, mais le gros gain que Greg n'a pas déjà mentionné est les sélecteurs relationnels supplémentaires: > , + , et ~ (enfant et frères et sœurs) et ne pas trop se soucier de hasLayout.

Quirksmode vous dira ce que vous pouvez et ne pouvez pas faire maintenant.

0voto

Joeri Sebrechts Points 7483

En supposant que vous êtes toujours le choix de soutenir les IE7, qui sera votre nouveau point de référence.

Cette équipe IE blog décrit les améliorations IE7 fait plus de IE6: http://blogs.msdn.com/b/ie/archive/2006/08/22/712830.aspx?wa=wsignin1.0

Cela se réduit essentiellement à la façon de moins de bugs à s'inquiéter (de nombreux bugs CSS, PNG questions de transparence).

Le nouveau CSS fonctionnalité est limitée mais utile:

  • background-attachment: fixed
  • :passez la souris sur tous les éléments
  • correction du positionnement
  • min/max largeur/hauteur
  • sélecteur d'améliorations (l'enfant et de l'attribut)

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X