小编Kri*_*ris的帖子

我有一行内联块元素都具有自动宽度,因此它们绘制的宽度与每个元素中的变化文本内容一样宽,加上一些填充.这导致每个元素的实际宽度具有分数像素.

这样会很好,但是每个元素都包含一个图标字体,当未与像素网格对齐时,它对绘制非常敏感,如果字形的原点不是整数像素值,则它的子像素渲染看起来很难看并且模糊.

如何在防止小数像素值的同时保持这些元素的宽度动态？例如,当我希望它被舍入到61px时,其中一个元素的宽度为60.183px.Sass可以做ciel(),这将是完美的,但似乎没有办法将它应用于自动值.

或者,有没有什么办法可以确保图标字形的原点是一个完整的整数像素而不会使容器宽度变圆？

由于这些元素的使用方式,我想避免使用JS进行此操作并找到仅CSS/SASS解决方案.

我在测试我们的webapp的可访问性时遇到了问题,尽管看起来非常简单,但我还是无法在Google上找到明确的答案.

问题是屏幕阅读器(特别是iOS和OSX Safari中的Voice Over)甚至在用户点击任何内部链接之前,就会将应用程序中的每个内部链接读作"访问过的链接".链接都有相同的基础(类似http://domain.com/path/index.html#what-the-link-does),所以我的第一直觉是,因为这些链接都指向同一个不同的哈希文件链接是访问过的视图,因为该文件已被访问过.

但是,这不是理想的行为.我们希望将所有链接简称为"链接".所以这是我的问题:

1. 是什么决定了链接是否被视为访问过？只是访问域名会导致它吗？访问特定文件会导致它吗？或者同一文件的不同哈希值是否应具有不同的访问状态？

2. 有没有办法控制此行为并防止链接被读取为访问？一些Aria参数可能吗？

我正在努力调整一些组件，以便它们在高对比度模式下都能正常工作并看起来不错。Edge 似乎在 IE11 未添加的所有文本下添加黑色背景。我似乎无法找到一种在 CSS 中定位此背景的方法，或任何其他方法来规范两个浏览器之间的行为。

例如，假设我有以下内容：

<div class="SelectedText">
  Text!
</div>

假设我将background-color: cyan;和分配color: black;给了.SelectedTextdiv。

在这种情况下，IE11 按预期使用具有指定颜色的 div 和文本呈现它。然而，在 Edge 中，div 背景和文本被赋予正确的颜色，但文本本身在其背后绘制了黑色背景，使其在黑色文本上无法读取。

下图说明了在具有上述基本相同标记的菜单项上下文中发生的此问题。

有什么方法可以禁用或针对 Edge 添加的这个额外背景？