2013-10-13 5 views
13

Ich habe ein HTML-Element mit ID = "# item" Ich habe ein UI-Ereignis, das die CSS für "#item" programmatisch ändert, indem ich die Klasse ".new" zu "#item ". Anfangs möchte ich "#item" "position: absolute" haben. Sobald jedoch die Klasse ".new" zu "#item" hinzugefügt wird, kann ich die gewünschte Formatierung im Chrome-Inspektor nur noch durch Entfernen der Position: absolute von der CSS für "#item" erreichen. Ich möchte dies in „.new“ über die CSS-statt erreichen, aber in Chrome Inspektoren meine Optionen zum Ändern der Position Attributs istPosition entfernen: absolutes Attribut durch Hinzufügen von css

static 
absolute 
relative 
initial 
inherit 
fixed 

Soweit ich keinen von ihnen sagen kann, das gleiche tun wie Entfernen von "position: absolute" im Chrome-Inspektor. Kann jemand vorschlagen, was man in den css für ".new" setzt, um zur css-Standardpositionierung zurückzukehren.

+0

Versuchen Sie, das Feld leer zu lassen und stellen Sie dies wie folgt ein: 'position:! Wichtig;' – CIRCLE

+1

'position: static' ist die Standardeinstellung. –

Antwort

25

http://jsbin.com/ICeweli/1/

#test { 
    position: absolute; 
} 

#test { 
    position: static; 
} 

ein Entfernen oder die andere den Unterschied zu sehen.

11

Die CSS2 specification besagt, dass der ursprüngliche position Wert eines Elements static ist.

Also in Ihrem Fall, wenn Sie eine Deklaration nicht wirklich entfernen können, dann setzen Sie es auf den "Standard" zurück, der static ist.

#item { 
    position: static; 
} 
Verwandte Themen