img更改src屬性時css的最高值更改

Question

在這里的國際象棋游戲網站上，我有一個棋子（棋子）的圖像，該棋子在提升后會發生變化。 我使用絕對CSS定位來定位片段，並給出top/left值。 由於某些原因，當我在升級時更改pawn的src屬性時，CSS top值會更改。

在我給出的鏈接中，如果您通過（擾流器）將頂部白色棋子向上移動一個正方形並將其提升為騎士來解決難題，則該棋子將被移回原始正方形（將圖像的top值設置為0）。

如果查看我的腳本（源映射到assets/js/mateinone.js ）並在第133行放置一個斷點，則可以修改src值（即使通過開發人員工具的elements / inspector選項卡），其top價值也會改變！

有人可以解釋這種行為嗎？

Answer 1

問題不在133行，而是在mateinone.js的379行。 _setPiece()方法正在將原始頂部值重置為圖像。 更改您的邏輯，以便它不會重置它。