CSS (webkit): sobreescribir la parte superior con la parte inferior en el elemento posicionado absoluto

Estoy teniendo un problema con sobreescribir algún plugin CSS. Editar ese CSS directamente no es realmente una opción, ya que haría que la actualización del plugin sea más arriesgada.

El problema: un elemento tiene posicionamiento absoluto, y tiene top:0px en el original. Quiero anularlo por bottom: 0px.

Por ejemplo 

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

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

En firefox esto funciona bien (bottom:0 es el estilo aplicado), pero safari/chrome no parecen ser get over the top:0.

Puedo trabajar alrededor de esto problema, pero sería bueno llegar a una solución limpia.

Author: Marcus, 2011-02-22
Source

2 answers

Use top: auto para "restablecer" topa su valor inicial.

bottom es una propiedad totalmente separada para top (un elemento puede tener tanto un top y bottom), así que tal vez ya no necesites bottom.

También, asegúrese de que su selector de anulación es lo suficientemente específico, pero no parece que ese sea el problema en este caso.

 175
Author: thirtydot,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-15 14:26:28 
.my .element { position: inherit !important; top: auto; }
 5
Author: Chris Godwin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-28 00:06:19