2012-09-13 61 views
0

當我單擊標籤內的圖像以選擇/取消選擇複選框時,它會在Firefox和Chrome中相應地更改其狀態。但是,在IE8中,如果我單擊圖像並且僅在單擊文本時才更改其狀態,則該複選框從不響應。在IE8中選擇複選框時無法使用圖像

的jsfiddle是在這裏(點擊白色框圖像在IE上的文字前):

http://jsfiddle.net/dzTMD/3/

+0

只是一個參考,它似乎給我的問題,我在運行山獅10.8.1的Mac上FF15另外,是否應該是一些JS代碼?我在JS盒子裏看不到任何東西。 –

+0

沒有js代碼。因爲它發生有或沒有JavaScript。 (雖然我稍後會添加一個javascript。) – catandmouse

回答

0

我不知道什麼IE8的問題,但你可以的CSS,而不是中使用的背景圖片直接附加在HTML中,這將在IE中工作。 Here是撥弄例如

0

把輸入字段標籤標籤內 例如:

<label> 
    <input name="yn00" id="yn00_1" type="checkbox"> 
    <div class="indicator"></div> 
    <span>My text for this label</span> 
</label> 

所有元素將在標籤內工作,你的IMG藏漢.. 只記得用不透明來隱藏輸入領域。 IE8不會在顯示器上觸發事件:無或可見性:隱藏的元素