收音機切換不能在Chrome v18和IE9中工作

我有一個切換與IE9或較舊版本的Chrome（我們支持）無法很好地播放。我無法理解它爲什麼不起作用。這是Jsfiddle，你可以在現代瀏覽器中看到它的正常工作。我使用的唯一可疑的選擇是：前：檢查，但在Chrome 18 http://jsfiddle.net/ozoeh1sp/收音機切換不能在Chrome v18和IE9中工作

<div class="radio-group"> 
    <input id="opt_1" class="radio-group__option" type="radio" name="opt" checked="checked"> 
    <label class="radio-group__label" for="opt_1"> 
    Toggle 1 
    </label> 

    <input id="opt_2" class="radio-group__option" type="radio" name="opt"> 
    <label class="radio-group__label" for="opt_2"> 
    Toggle 2 
    </label>

至少應該工作我缺少什麼？

來源

2014-10-29 Eric

IE9不支持CSS轉換，僅支持轉換的前綴，這樣可能是你的問題的一部分。 – 2014-10-29 18:29:27

是的，我並不擔心過渡。如果你看看IE9，它完全被破壞了。不僅僅是過渡。 – Eric 2014-10-29 18:33:30

請在你的問題的正文中加入CSS。不要讓我們去找它。 Alos請比「不工作」更具體 – 2014-10-30 02:36:56

您可以通過使用translateX而不是translate3d來調和差異。您還需要在您的基礎元素上設置box-sizing: border-box。最後，你需要一些舊的供應商前綴在這裏和那裏。我做了這些調整，現在它在Internet Explorer 9和Chrome v18中按預期工作。

小提琴：http://jsfiddle.net/ozoeh1sp/8/

來源

2014-10-30 00:01:28 Sampson

這可能會足夠瘋狂的工作。謝謝！ – Eric 2014-10-30 17:52:42

收音機切換不能在Chrome v18和IE9中工作

回答

相關問題