空白跨度元素不可见

我已经在我的HTML空白跨度元素不可见

<span style="float: right;color: red; display: inline-block;" id="antcl_error"></span>

以下span元素，但是当我检查其知名度则表示不可见

$(document.body).find("#antcl_error").is(":visible");

上面的代码返回false，如果跨度为空

来源

2016-07-29 sumit choudhary

什么问题？这是[文档]（https://api.jquery.com/visible-selector/）的一部分 – 4castle

@ 4castle为什么它在屏幕上显示我的span元素时显示为false –

如果元素消耗在文件。可见元素的宽度或高度大于零。 – vijayP

由于跨度悬空状态，而没有内容，没有宽度和高度，它并没有在文档中占用的空间，因此它被认为是无形的：

您可以检查的可见度值CSS：

if($("#antcl_error").css('visibility') != "hidden") { 
    // visible 
}

按照文档：

元素被认为VISI如果它们消耗文档中的空间，则会变得不可用可见元素的宽度或高度大于零。

具有可见性的元素：隐藏或不透明度：0被视为可见，，因为它们仍占用布局中的空间。

来源

2016-07-29 06:03:59 KAD

检查css显示模式是否为无：

if($('body').find("#antcl_error").css('display') != "none") { 
 
    alert('visible') 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span style="float: right;color: red; display:inline-block;" id="antcl_error"></span>

来源

2016-07-29 05:58:59

空白跨度元素不可见

回答

相关问题