settingsログイン
メニュー

【回答済み】display:none と visibility:hidden はどう違うのでしょうか?

閲覧 419
display:none と visibility:hidden の違いをお教えください。また、formの値をこの方法で隠しても値は保持されるのでしょうか?
friendfire 2016 5/14 質問 HTML・CSS

回答 1

役立ち 0

上記のコードを実行するとそれぞれ下記のようになります

テスト | <span style="display:none">この部分はどうなる?</span> | テスト2
テスト | <span style="visibility:hidden">この部分はどうなる?</span> | テスト2

テスト | | テスト2
テスト |                      | テスト2

つまり、visibility:hiddenは要素の透明化、display:noneは要素を表示しないという意味になります

フォームの送信に付いて

フォームの送信ですが、昔のブラウザではdisplay:noneは送信されない事があります。現在のモダンブラウザではdisplay:none と visibility:hidden 双方ともにフォームの値は送信します

ワードプレスドクター 東京都 港区 ホームページ制作

全ての回答 問い合わせ ホームページへ
2016 5/15 回答

ウェブサイト構築、HTML・CSS の企業/事業者/教室/プロの方のホームページの集客、アクセスアップ、SEO対策効果が期待できるリスティングサイト=Ask-itをぜひご活用ください

Ask IT にようこそ。ここではコミュニティメンバーに質問したり、回答を得ることができます。
ITについて質問したい方へ ITについてプロに質問したい方は会員登録後すぐに質問をする事ができます。

プロフェッショナルの方へ 質問に答えていただけるプロフェッショナルの方は下記をご覧下さい

お気づきの点があれば是非お知らせください
...