jQuery и webkit, как заставить работать css ({top :, left:})?

Question

Я пытался сделать что-то хорошее, чтобы отобразить сообщение об ошибке, и все было хорошо, пока я не решил попробовать с Chrome / Safari, это код:

Здесь: http://pastebin.com/VymWLNTT

Или здесь: http://jsfiddle.net/YfrVJ/

Кто-нибудь знает обходной путь или другой подобный способ отображения сообщений об ошибках ?, спасибо.

Answer 1

Без дальнейшей проверки: + = 50% не удается.Измените его на абсолютное значение в пикселях, и оно будет работать.

Редактировать: в качестве альтернативы удалить "+ =".

http://jsfiddle.net/LTgUY/1/

Answer 2

Замените используемое процентное значение на .animate абсолютным значением.Вы можете вычислить его аналогично тому, как вы делаете со значением vleft, например:

var topDelta = ($(window).height() - this.outerHeight()) / 2;

Затем используйте его вместо 50%:

this.animate({ opacity:0.8, top: '+=' + topDelta }, ...