Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS测试:目标支持_Javascript_Css - Fatal编程技术网

Javascript JS测试:目标支持

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

我正在编写一些涉及CSS选项卡的代码,但IE不支持:target css3属性。我可以通过检查间隔(ew)中的散列值来解决问题,但我只希望在:target不受支持时运行该代码。我会做常规的IE检查,除非早期版本的Firefox不支持,早期的Safari或Opera也不支持。有人知道如何测试:目标支持吗?

您可以通过添加一条规则来测试CSS支持,如
#someid:target{visibility:hidden;color:#abcdef;}
,然后将目标设置为
#someid
,读取颜色是否为
#abcdef
,然后重置哈希

但是,这将在浏览器历史记录中生成条目:1用于导航到id时,1用于将其重置为以前的任何id时。它也可能会在你的标签上产生闪烁,所以这可能不太理想——但我不知道你能逃脱什么


理想情况下,选项卡应该理想地读取和写入用于书签功能的哈希值。但是我不认为
:target
是创建选项卡的理想解决方案。我知道从()开始看起来很吸引人。考虑到选择器的支持较差,它在嵌套或多个选项卡中的伸缩性有多差,以及它在其他标记中的波动性有多大(有人在页面上添加了一个#跳到链接),使用良好的旧单击实现起来就不那么麻烦了。

是的,这正是我所担心的。我想我可能会操纵散列,这样您就可以链接到选项卡,但不必依赖它们来显示(阅读“css”)。