19

私は大学のウェブサイトをもうすぐ完成させます (実際には、多少の微調整を除いてほとんど完成しています)。助けてくれた何人かのブロガーとスタック オーバーフロー コミュニティに感謝の意を表したいと思います。大きな助け。現在、この方法で非表示になっているテキスト セクションがあります。

<font style="font-size:0px"> - text </font>

でも、もっといい方法がありそうな気がします。ある?

4

9 に答える 9

21

これはスペースを保持しますが、何も表示しません。

opacity: 0.0;

これにより、オブジェクトが完全に非表示になり、その (予約された) スペースも非表示になります。

display: none;
于 2013-04-18T13:01:07.827 に答える
15
<div style="display:none;">CREDITS_HERE</div>
于 2013-04-18T13:01:16.953 に答える
4

css プロパティを使用して非表示にすることができます style="display:none;"

<div style="display:none;">CREDITS_HERE</div>
于 2013-04-18T13:01:46.750 に答える
3

CMS によって除外されるため、HTML コメントを使用できないとおっしゃいました。したがって、あなたは本当にこのコンテンツを非表示にしたいので、表示する必要はないと思います。

その場合、プレゼンテーション レベルでのみ再生し、コンテンツ レベルには影響しないため、CSS (のみ) を使用しないでください。CSS を無視するユーザー エージェント (テキスト ブラウザー、フィード リーダー、スクリーン リーダー、ボットなどを使用するユーザー) に対しても、コンテンツを非表示にする必要があります。

HTML5 にはグローバルhidden属性があります:

要素で指定された場合、その要素がまだページの現在の状態に直接関連していないか、もはや関連していないこと、またはページの他の部分で再利用されるコンテンツを宣言するために使用されていることを示します。ユーザーが直接アクセスします。hiddenユーザー エージェントは、指定された属性を持つ要素をレンダリングすべきではありません。

例(「属性」であるため、ここでsmall要素を使用):

<small hidden>Thanks to John Doe for this idea.</small>

フォールバックとして (属性を知らないユーザー エージェント用hidden)、CSS で指定できます。

[hidden] {display:none;}

プレーン テキストの一般的な要素は、「データ ブロック」として使用されるscript要素です。

<script type="text/plain" hidden>
Thanks to John Doe for this idea.
</script>

data-*または、既存の要素に属性を使用することもできます (div属性のためにいくつかの要素をグループ化したい場合は、新しい要素に対応します)。

<p data-attribution="Thanks to John Doe for this idea!">This is some visible example content …&lt;/p>
于 2013-04-18T13:51:42.970 に答える
2

表示: なしまたは可視性: 非表示

于 2013-04-18T13:01:51.657 に答える
2

これを達成するための 2 つの方法を次に示します。

何も表示しないか、不透明度をなしにすることができます...しかし、不透明度をクロスブラウザー互換にしたい場合は、これをcssに追加する必要があります

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

http://codepen.io/anon/pen/Krkfj

于 2013-04-18T13:02:06.057 に答える
0

css プロパティを使用するstyle="display:none"か、style=visibility:hidden"

于 2013-04-18T13:03:52.890 に答える
0

CSS プロパティvisibilityを使用して、 に設定しhiddenます。

詳細はこちらでご覧いただけます。

于 2013-04-18T13:03:00.107 に答える