display:none、visibility:hidden、opactiy:0 CSS ルールを使用せずに要素を非表示にすることは可能ですか?
現時点では、何を試しても、内容は比較的同じままです（注：Bootstrap 3を使用しています）
コンテンツを直接非表示/表示するのではなく、通常はスタイリングに使用される要素のみを使用する必要があるため、Opacity、display:none、visibility:hidden などは機能しません。（特定のバージョンのブラウザーで見つけたいくつかの悪い動作を示すためです。制御されたセットを使用して他のブラウザーで確認したかったのです）
申し訳ありませんが、私が使用したものを投稿した直後にそれを理解することができました：
position:fixed !important;
height:1px !important;
width:1px !important;
bottom:0 !important;
left:0 !important;
z-index:-999 !important;
display:inline !important;
上記の CSS ルールにもう少しコンテキストを与えるためだけに。できるだけ小さくするという明らかな理由から、高さと幅を 1 ピクセルにします。位置は固定されていますが、下から 0 番目のピクセル、左から 0 番目のピクセルに配置することで、ブラウザの可視範囲外に常に配置されます。すべてを !important にしたので、カスケードされる可能性のあるものはすべて上書きされます。
試してみてくださいopacity:0;。これにより、その要素が透明になります。
.classname{
position:absolute;
left:-2000px;
}