隐藏大元素而不使用display：none或visibility：hidden

Question

是否可以隐藏元素而不使用display：none，visibility：hidden或opactiy：0 CSS rules？

在我尝试的任何时刻，仍然保持相对相同的内容（注意：我使用的是Bootstrap 3）

我主要只需要使用通常用于样式的元素，而不是直接隐藏/显示内容，所以像Opacity，display：none和visibility：hidden这样的东西不起作用。 （这是为了显示我在特定版本的浏览器中发现的一些不良行为，想要在其他具有受控设置的浏览器上进行确认）

Answer 1

对不起，伙计们，我在发布后立即弄明白，我用过的东西：

position:fixed !important;
height:1px !important;
width:1px !important;
bottom:0 !important;
left:0 !important;
z-index:-999 !important;
display:inline !important;

只是为上面给出的CSS规则提供更多上下文。高度和宽度为1px，这是使其尽可能小的明显原因。该位置是固定的，但通过将其放置在距离底部的第0个像素和左侧的第0个像素处，使其始终位于浏览器可见性之外。我做了一切！很重要，所以它可以超越任何可能被级联的东西。

Answer 2

试试opacity:0;。这将使该元素透明。

Answer 3

.classname{
    position:absolute; 
    left:-2000px;
}