WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:visibility:hidden にしても消えない。

0:[投稿] tete [2005/03/11 17:15 ][環境:IE6、win2000 apache]

IE6で、以下のように style="visibility:hidden" としても表示が消えないのですが、

--------------------------------
<table border="1">
    <col width="100">
    <tbody>
        <tr style="visibility:hidden;">
            <td><input type="checkbox"></td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
        </tr>
    </tbody>
</table>
--------------------------------

何か書き方が間違っているのでしょうか?

<col>の一行を消すとちゃんと消えてくれます。
display:none としての"消す"だとちゃんと消えるのですが、visibility の "消す"では消えてくれません。


1:[回答] andi [URL] [2005/03/12 10:52 ]

「消す」ことが目的でしたらdisplay:noneを使用してみては如何でしょうか。


3:[回答] を [2005/06/08 15:10 ]

テーブルのセルにスタイルシートを適応する場合、trタグにではなく、tdタグに適応したほうがよかったような気がします。(うろ覚えです、すみません)
<table border="1">
   <col width="100">
   <tbody>
       <tr>
           <td style="visibility:hidden;"><input type="checkbox"></td>
       </tr>
       <tr>
           <td><input type="checkbox"></td>
       </tr>
   </tbody>
</table>


4:[回答] h [2005/06/08 21:21 ]

> 以下のように style="visibility:hidden" としても
> 表示が消えないのですが、

何を消したいのですか?。
それを書いていただかないと、絶対に答えは出てきませんよ。

チェックボックスを隠したいのであれば、

 <input type="checkbox" style="visibility:hidden;">
 
となると思うのですが、いかがですか?。

もちろん 「を」さんが書かれたコードでも、見かけ上隠れますが、これは何を隠したのかというと、tdであって、チェックボックスを隠したわけではありません。

ですから、teteさんはまず、何を隠したいのかと言うことを、きちんと説明する必要があると思いますよ。


5:[回答] AC1号 [2005/06/08 23:33 ]

>>0の書き方で問題ありません。input,select,button要素のみこの現象が発生するようで、バグと思われます。

解決策はtd要素にvisibility:hiddenを設定すれば良いのですが、一般にstyle属性を使うのはスタイルシートの利点を生かせないので、やめたほうが良いでしょう。class属性を使ってtr要素と、その子要素のtd要素にスタイルを適用します。
<style type="text/css">
tr.c, tr.c td {
visibility:hidden;
}
</style>
<table border="1">
<col width="100">
 <tbody>
  <tr class="c">
   <td><input type="checkbox"></td>
  </tr>
  <tr>
   <td><input type="checkbox"></td>
 </tr>
</tbody>
</table>

>>4 デフォルトではvisibility:inheritなので、子要素でも不可視になるはずです。


6:[完了] tete [2005/06/09 01:31 ]

>>5
ありがとうございます。
待った甲斐がありました(^.^)。ちゃんと質問内容を理解して頂き助かります。

バグなのですね。
確かにstyleではなく、classにすると visibility:hidden の表示になりました。
とりあえず最初のテストするときにはclassではなくstyleから試すので気付きませんでした。


>>1,3,4 さんもありがとう御座いました。
どのように返事してよいものか分からず、結局返事してませんでした。すいません。


6:[回答] ☆彡真梨野☆彡 [URL] [2005/06/29 21:59 ]

\(◎o◎)/見たわよ!見たわよォ〜〜〜!!\(◎o◎)/

   隣のショボショボの旦那がキャッシュで

   凄いベンツ買って乗り回しているところを

 \(◎o◎)/ 見たわよォ〜〜〜! \(◎o◎)/

    http://www17.ocn.ne.jp/~wakayo


7:[回答] kozou [URL] [2005/07/29 14:19 ]

いつもお世話になってます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World