-1

.CSSファイルの一部として次のものがあります:-

    #footer-profile {
    position: absolute;
    bottom: 0px;
    left: 50px;
    text-align: center;
    padding: 5px 10px;
    color: blue;
    background: yellow;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
}
#footer {
    position: relative;
    top: 20px;
    clear: both;
    text-align: center;
    padding: 20px;
    color: #999999;
}

しかし、どうすればフッター内のテキストを非表示にできますか

4

2 に答える 2

3

内部#footerディレクティブを追加

display: none;

フッター全体が非表示になります。フッターの一部のみを非表示にする場合は、クラスhiddenを使用してタグ内に追加してから、ルールを追加します。

#footer.hidden {
   display: none;
}

やりたいことに応じて、visibility: hidden;の代わりに使用してみることができますdisplay: none;。最初の要素は要素を非表示にしますが、レイアウト内のスペースを解放します。2番目の要素は要素を「折りたたむ」ため、レイアウトが変更される可能性があります。

完全を期すために、RohitAzarが提供するソリューションをコメントとして投稿に追加します。

#footer {
   font-size: 0;
}

このソリューションは、質問の内容を正確に実行します。

于 2012-09-11T09:23:55.783 に答える
2

テキストのみを非表示にする場合は、次のことを試してください。

#footer{
text-indent:-99999px;
}
于 2012-09-11T11:46:53.477 に答える