ли Div наследует родителей свойства по умолчанию

Question

Просто интересно, если ДИВ фактически наследует свойства от его родительского DIV, например,

<div id = "pDiv" style="display:none;"> 
    <div id = "cDiv" style="display:none;"> 
     <h2> Abc</h2> 
    </div> 
</div> 

, когда я проверить alert($("#cDiv").css('visibility')) я получить результат, как «Visible», мммм, но в реале он скрыт ..

Как я могу проверить, действительно ли дочерний div отображается на экране или нет.

Answer 1

Попробуйте не проверять бананы в ожидании картофеля!

alert($("#cDiv").css('visibility')) 

возвращает вас css собственности visibility который являетсяvisible по умолчанию, и вы должны искать display собственности.

alert($("#cDiv").css('display')) 

Или, если вы хотите проверить реальногоvisibility, просто запустите:

alert($("#cDiv").is(':visible')) 

Answer 2

попробовать это:

$('#cDiv').is(':visible') 

или

$("#cDiv:visible") 

Answer 3

You необходимо использовать блок или встроенный блок в качестве дисплея, но не виден для видимости:

<div id = "pDiv" style="display:none;"> 
    <div id = "cDiv" style="visibility:visible;"> <!--will hidden as it's parent is hidden--> 
     <h2> Abc</h2> 
    </div> 
</div> 


<div id = "pDiv" style="display:none;"> 
    <div id = "cDiv" style="display:block;"> <!--will now show the div--> 
     <h2> Abc</h2> 
    </div> 
</div> 

Таким образом, это работает alert($("#cDiv").css('display'));