css - 替代可见性 :hidden

Question

我有一个关于使用 CSS 来隐藏问卷中的一行的问题(问题出现了 20 多次，所以很遗憾很难只调整问卷的结构): 如何隐藏 HTML 表格行以使其不占用空间(不同于:“visibility:hidden”)？

我正在寻找“visibility: collapse”的替代命令(隐藏行(不同于:“visibility:hide”)但保持对布局的影响(保持 rowspan + colspan 与适用于所有浏览器(包括 Chrome 和 IE)的“display:none”形成对比。 是否有任何替代方案可以解决我的问题？

我已经在导致我的问题的页面添加了一个链接，供您引用:

http://ww2.unipark.de/uc/hollnder_Goethe_Universit__t_Fra/4568/ospe.php?SES=ce4b3db51563762d1d5b1c27c3598dbc&syid=243842&sid=243843&act=start&preview_mode=1

(代码:80a4231323d632d5 如果询问:“Bitte geben Sie Ihre gültigen Zugangsdaten ein”)

我添加了带有元素比例的行(总是出现在顶部)也总是在副标题下面，以解决下面语句的移动按钮问题(目前有移动按钮的问题对于问题 1 和 2 - 问题 3 的问题已解决，但我无法摆脱副标题下方的额外空间)。

为了解决我的问题，我尝试在一个单独的CSS文件中添加以下3种不同的代码，可以用来调整问卷的样式:

---

.nameq_2610826 ul.head.odd.i4 {opacity: 0; position: absolute; z-index: 10; top: 0; left: 0;}

-> 第一个问题:通过 font-size:0px 消除了空间，但这种方式也破坏了布局

.nameq_2612760 ul.head.odd.i4 {display: none; border-bottom:none}

-> 第二个问题:通过 display:none 消除了空间，但这种方式也破坏了布局

.nameq_2612762 ul.head.odd.i4 {visibility: collapse; border-bottom:none}

-> 第三个问题:以下元素的布局以正确的方式保持，但我无法像在 FIREFOX 中使用命令 Visibility:COLLAPSE 那样摆脱空间

解决该问题的另一种方法可能是确保设计不会因使用字幕而遭到破坏。事实上，我使用带有元素比例的附加行只是为了确保下面的按钮遵循与字幕上方相同的布局。

对我的问题的任何解决方案都会非常有帮助。

Answer 1

另一种选择

visibility: hidden;

是

opacity: 0;

这将使元素完全透明。

如果您随后想将其移开以使其不占用页面空间，您可以尝试如下方法:

position: absolute;
z-index: 12;
top: 0;
left: 0;