gpt4 book ai didi

javascript - 更改 src 属性时 img css top 值更改

转载 作者:行者123 更新时间:2023-11-28 17:35:04 26 4
gpt4 key购买 nike

在我的国际象棋游戏网站here ,我有一个棋子(棋子)的图像,它在提升后可以改变。我使用绝对 CSS 定位来定位片段并提供 top/left 值。出于某种原因,当我在升级时更改 pawn 的 src 属性时,CSS top 值会更改。

在我提供的链接中,如果您通过(剧透)将顶部的白色棋子向上移动一个方格并将其提升为马来解决难题,则该棋子将移回原始方格(奇怪地设置图像的 top 值设置为 0)。

如果您查看我的脚本(源映射到 assets/js/mateinone.js)并在第 133 行放置一个断点,您可以修改 src值(甚至通过开发者工具的元素/检查器选项卡),它的 top 值也会发生变化!

有人可以解释这种行为吗?

最佳答案

问题不在第 133 行,而是在 mateinone.js 的第 379 行。 _setPiece() 方法正在将原始最高值重置为图像。更改您的逻辑,使其不会重置。

关于javascript - 更改 src 属性时 img css top 值更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25264115/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com