CSS (webkit): remplacement du haut par le bas sur l'élément positionné en absolu
J'ai un problème avec la substitution de certains plugins CSS. Modifier directement ce CSS n'est pas vraiment une option, car cela rendrait la mise à jour du plugin plus risquée.
Le problème: un élément a un positionnement absolu, et a top: 0px dans l'original. Je veux le remplacer par le bas: 0px.
Par exemple
.element {position:absolute; top:0;}
/* in another file */
.my .element {bottom:0;}
Sur firefox, cela fonctionne bien (en bas: 0 est le style appliqué), mais safari/chrome ne semble pas aller au-dessus: 0.
Je peux contourner ce problème, mais ce serait bien de trouver une solution propre.
Utilisation top: auto pour "réinitialiser" top à sa valeur initiale .
bottom est une propriété totalement distincte de top ( n élément peut avoir à la fois un top et bottom ), alors peut-être que vous n'aura plus besoin de bottom.
Assurez-vous également que votre sélecteur de remplacement est assez spécifique , mais il ne semble pas que ce soit le problème dans ce cas.
.my .element { position: inherit !important; top: auto; }