Javascript JS测试:目标支持
我正在编写一些涉及CSS选项卡的代码,但IE不支持:target css3属性。我可以通过检查间隔(ew)中的散列值来解决问题,但我只希望在:target不受支持时运行该代码。我会做常规的IE检查,除非早期版本的Firefox不支持,早期的Safari或Opera也不支持。有人知道如何测试:目标支持吗?您可以通过添加一条规则来测试CSS支持,如Javascript JS测试:目标支持,javascript,css,Javascript,Css,我正在编写一些涉及CSS选项卡的代码,但IE不支持:target css3属性。我可以通过检查间隔(ew)中的散列值来解决问题,但我只希望在:target不受支持时运行该代码。我会做常规的IE检查,除非早期版本的Firefox不支持,早期的Safari或Opera也不支持。有人知道如何测试:目标支持吗?您可以通过添加一条规则来测试CSS支持,如#someid:target{visibility:hidden;color:#abcdef;},然后将目标设置为#someid,读取颜色是否为#abcd
#someid:target{visibility:hidden;color:#abcdef;}
,然后将目标设置为#someid
,读取颜色是否为#abcdef
,然后重置哈希
但是,这将在浏览器历史记录中生成条目:1用于导航到id时,1用于将其重置为以前的任何id时。它也可能会在你的标签上产生闪烁,所以这可能不太理想——但我不知道你能逃脱什么
理想情况下,选项卡应该理想地读取和写入用于书签功能的哈希值。但是我不认为
:target
是创建选项卡的理想解决方案。我知道从()开始看起来很吸引人。考虑到选择器的支持较差,它在嵌套或多个选项卡中的伸缩性有多差,以及它在其他标记中的波动性有多大(有人在页面上添加了一个#跳到链接),使用良好的旧单击实现起来就不那么麻烦了。是的,这正是我所担心的。我想我可能会操纵散列,这样您就可以链接到选项卡,但不必依赖它们来显示(阅读“css”)。