在创建一个我动态隐藏元素并在其上移动图片的网页时，我偶然发现了一个我无法解释的问题。当我在jsfiddle中尝试同样的事情时，它可以工作，但在本地我遇到了问题。
问题是，当光标所在的文本框变得不可见时......尽管文本框消失并且图像被放到该位置，光标仍会显示。
我已经创建了一个jsfiddle，因为这个页面不像html命令那样oO： http://jsfiddle.net/x1af53sy/
我在本质上做的是：我有一个文本字段，当一个图片（位置固定）放在文本字段的前一个位置时，它变得不可见。变得不可见是通过以下代码完成的：
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s,opacity 0.5s linear;
z-index: 0;
在jsfiddle中它可以工作，但在本地我仍然会在焦点位于文本字段时显示光标。我在css中找不到任何可以解释这一点的东西。所以我的问题是这可能是造成这种意外行为的原因（我甚至停用了我发现无效的所有其他Css）？
作为一些额外的信息：
正如在几个答案中提到的那样： 我已经尝试过使用display：none或者甚至是cursor：none。尽管如此，闪烁的光标仍然显示（文本框本身按预期消失，但是光标符号仍然占优势）
如果我使用＆＃34; text-indent：-9999em;＆＃34;虽然文本字段是不可见的，但它可以通过未显示的文本来工作，但因为这是一种解决方法，我仍然对可能导致这种现象的原因（以及如何真正对抗它）感兴趣。