2013-07-22 21 views
1

我有一個文本輸入:定位標籤允許點擊,以元件下方在IE

<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-指數和不透明度。這是一個解決IE錯誤的方法,這是我創建這樣一個怪物的唯一原因。

我遇到的問題是,在IE中,只點擊標籤中沒有文本的任何部分點擊到底層輸入。 (或者另一種說法是,標籤的寬度似乎不能拉伸輸入的整個寬度,但是如果您給標籤添加一點不透明度和輪廓,那麼看起來並非如此,您可以仍然點擊標籤的非文字部分。)這不應該發生。

我試圖阻止傳播,但那不起作用,我不認爲這是一個傳播問題。

任何想法?

回答

1

我發現這是一個IE問題,可以使用透明圖像作爲背景來解決,有時也會發生在鏈接上。

請注意,我也發現,IE有時不喜歡通常的1x1透明GIF - 如果發生這種情況,然後使其50x50,它應該工作