我有一个文字输入:
<input id="csv-filename" type="text" name="csv-filename" placeholder="Select a CSV file">
我在其上方放置了一个标签,用于不同的控制:
<label id="trial-csv-label" for="trial-csv">Select a CSV file</label>
输入和标签都具有相同的宽度,高度和位置,标签具有更高的z-index且没有不透明度。这是一个IE漏洞的解决方法,这是我创建这样一个怪物的唯一原因。
我遇到的问题是,仅在IE中,点击标签的任何部分,没有文本点击进入底层输入。 (或者可能另一种方法是,标签的宽度似乎不会拉伸输入的整个宽度,但如果你给标签一点不透明度和轮廓,你会发现事实并非如此,你可以仍然点击标签的非文字部分。)这不应该发生。
我试图阻止传播,但这不起作用,我不相信这是传播问题。
有什么想法吗?
答案 0 :(得分:1)
我发现这是一个IE问题,可以使用透明图像作为背景解决,有时也会在链接上发生。
请注意,我还发现IE有时候不喜欢通常的1x1透明gif - 如果发生这种情况,那么请将其设为50x50并且应该可以正常工作