定位标签允许点击IE中的元素

时间:2013-07-22 14:54:54

标签: html click label

我有一个文字输入:

<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中,点击标签的任何部分,没有文本点击进入底层输入。 (或者可能另一种方法是,标签的宽度似乎不会拉伸输入的整个宽度,但如果你给标签一点不透明度和轮廓,你会发现事实并非如此,你可以仍然点击标签的非文字部分。)这不应该发生。

我试图阻止传播,但这不起作用,我不相信这是传播问题。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我发现这是一个IE问题,可以使用透明图像作为背景解决,有时也会在链接上发生。

请注意,我还发现IE有时候不喜欢通常的1x1透明gif - 如果发生这种情况,那么请将其设为50x50并且应该可以正常工作