CSS (webkit): écrasement du haut avec le bas de l'élément en position absolue

Question

Je vais avoir un problème de substituer certains plugin CSS. Modifiant le CSS directement n'est pas vraiment une option, car elle permettrait de faire la mise à jour du plugin de plus en plus dangereuse.

Le problème: un élément a de positionnement absolu, et a top:0px dans l'original. Je veux le remplacer par bottom:0px.

Pour exemple

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

Sur firefox cela fonctionne ok (en bas:0 est le style appliqué), mais safari/chrome ne semble pas obtenir sur le dessus:0.

Je peux contourner ce problème, mais il serait agréable de venir avec une solution propre.

Answer 1

Utiliser top: auto "remettre à zéro" top de sa valeur initiale.

bottom est totalement distinct de la propriété de top (un élément peut avoir à la fois un top et bottom), alors peut-être que vous n'aurez pas besoin d' bottom plus.

Aussi, assurez-vous que votre remplacement du sélecteur est assez précis, mais il ne ressemble pas à ce qui est le problème dans ce cas.

Answer 2

.my .element { position: inherit !important; top: auto; }