css - 使用 position:absolute inside relative 会在打印、屏幕阅读器和移动用户中产生问题吗？

Question

使用position:absoluteinside是否relative会在打印、屏幕阅读器和移动用户中产生问题？

如果我们需要在屏幕、打印以及屏幕阅读器和移动用户方面具有良好的兼容性，或者float++仍然是最好的，我应该少用吗？marginPaddingPosition

Answer 1

屏幕阅读器完全忽略了通过 CSS 定位元素。在决定首先读取什么时，它们改为使用元素在 DOM 中出现的顺序。

考虑以下示例：

<p style="position:absolute;top:100;left:0">Foo</p>
<p style="position:absolute;top:0;left:0">Bar</p>

从视觉上看，“Bar”段落首先出现，因为我们使用 CSS 将它置于另一个之上。但是屏幕阅读器会忽略 CSS，只阅读“Foo”段落，然后是“Bar”段落。

因此，要回答您的问题，是的，对于屏幕阅读器用户来说可能没问题。但是，请注意元素的顺序，并确保按该顺序阅读时页面仍然有意义。

对于位置：固定，它将取决于您的目标浏览器。例如，IE6 不支持“固定”定位。由于视口大小有限，大多数手机也没有（iPhone 上肯定没有移动 Safari）。