收音机切换不能在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中工作

回答

相关问题