使用位置:绝对内部相对可以在打印,屏幕阅读器和移动用户中产生问题吗？

Question

使用position:absolute内部是否relative会在Print,屏幕阅读器和移动用户中产生问题？

如果我们在屏幕,打印以及屏幕阅读器和移动用户需要良好的兼容性,或者float+ margin+ Padding仍然是最好的,我应该少用Position吗？

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 肯定没有），因为视口的大小有限。