☰

非表示の親div内の子divを表示する 質問する

tag-icon • tag-icon css html
非表示の親div内の子divを表示する 質問する

親 Div を非表示にしたまま子 Div を表示するにはどうすればよいでしょうか? これは可能ですか?

私のコードは以下の通りです:

<style>
  .Main-Div{
   display:none;
}
</style>

<div class="Main-Div">
    This is some Text..
    This is some Text..
    <div class="Inner-Div'>
        <a href="#"><img src="/image/pic.jpg"></a>
    </div>
    This is some Text..
    This is some Text..
</div>

ベストアンサー1

親クラスの可視性を非表示または折りたたみに設定します。子クラスを表示に設定します。次のようになります。

.parent>.child
{
    visibility: visible;
}

.parent
{
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

完全な例:http://jsfiddle.net/pread13/h955D/153/

編集協力：えー

おすすめ記事