Another day, a maybe fresher head - I noticed that the first example (Simple demo) in the LH column actually doesn’t work in Safari 7.
Hmm, after some pondering, and a bit of testing with absolutely minimal test cases, I think this boils down to this bug: https://bugs.webkit.org/show_bug.cgi?id=88219 (or this https://bugs.webkit.org/show_bug.cgi?id=12520) You use selectors of the type: input[type="checkbox"] + * + * {} input[type="checkbox"]:checked + * + * {} Simplifying this should make it work, like this: input[type="checkbox"] ~ span {} input[type="checkbox"]:checked ~ span {} What puzzled me, though, is that it sometimes work on your page. PS - I fully support Barney’s suggestion of using transforms and translate3d _instead_ of 'top' and 'left'. performance is _much_ better on mobile devices. quick demo http://dev.l-c-n.com/_temp/george-c20131116.html Philippe -- Philippe Wittenbergh http://l-c-n.com ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
