0

如何检查 a<span>在 webkit 浏览器(chrome/safari)上是否隐藏。

遵循此代码:

<span>
    <div>TEST</div>
</span>

在 chrome/safari 上,这个 span 似乎总是被隐藏,但实际上并非如此。

:hidden同时尝试:not(:visible){jq} 或(element.offsetWidth === 0 && element.offsetHeight === 0){js} 给出相同的结果。

只为跨度设置某种 CSS 填充似乎可以摆脱这种行为,但在我正在处理的特殊情况下这是不可接受的。

我知道 jquery tracker 上有一些相关的票,但我无法找到适当的解决方法。

你能帮我解决这个问题吗?

看演示

4

2 回答 2

2

如果你设置display:blockspan,它似乎工作。

http://jsfiddle.net/eREQJ/1/

于 2013-05-30T16:14:26.260 回答
0
var element = document.getElementById('myspan');
if(element.getAttribute('visibility') == 'hidden'){
    console.log('true')
}else{
    console.log('false')
}

演示

于 2013-05-30T16:13:18.720 回答