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()方法正在将原始顶部值重置为图像。 更改您的逻辑，以便它不会重置它。