Lỗi không tương thích trên các trình duyệt

Chào mọi người !
Hiện tại e đang vương lỗi thế này: E có một img được display là fixed, có giá trị top ban đầu là -50%, e dùng js để thay đổi hiển thị top sang -7% khi load trang để tạo hiệu ứng , sau đó e có sử dụng animation với top: -17% để tạo animation chuyển động nhưng ko hiểu tại sao chạy trên chrome thì ko sao, nhưng chạy trên ms Edge và safari trên ip6 ( các safari khác e chưa thử ) thì top=-7% bị lược bỏ ( mặc dù nó được đặt trong thẻ ) và có vẻ top -50% vẫn được dùng và animation cho top = -17% vẫn chạy bình thường.
Mong mọi người giúp…
E cảm ơn mọi người !

Cho xem mã được không?
Đưa lên http://codepen.io cho tiện.

3 Likes

Vứt code lên đây thì mới xem được chứ bạn

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?