首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在高对比度模式下CSS到底会发生什么呢?

在高对比度模式下CSS到底会发生什么呢?
EN

Stack Overflow用户
提问于 2012-04-10 15:28:19
回答 4查看 14.2K关注 0票数 16

有人能解释在高对比度模式下CSS发生了什么吗?

http://hardlikesoftware.com/weblog/2009/11/04/css-sprites-vs-high-contrast-mode/

在高对比度模式下,所有背景图像和颜色都被忽略--用高对比度的颜色代替,比如黑色上的白色或白色上的黑色。另一个问题是背景图像并不总是打印出来的。

还有比这个更多的东西吗?

我有一个看起来不太理想的登录表单,我正试图进行调查。

直到最近才出现https://www.google.com/search?q=axs+aol+accesibility+library,但它似乎不再存在了。

一般来说,我认为有两种方法:

  1. 检测HCM (高对比度模式)并相应调整CSS。
  2. 使CSS更通用,让它在每一种模式下都能工作。

在这两种情况下,我都很想知道在高对比度模式下,对CSS的更改会发生什么。

正如你所看到的那样,你的行为是不同的,所以你的专业知识会受到赞赏。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-04-11 10:12:25

您为表单元素定义了文本和背景的颜色吗?

以下是参考列表AccessiWeb2.1中的相关标准:在每个网页上,元素背景和字体的颜色CSS声明是否正确使用? (Silver等于WCAG2.0AA)

相关的WCAG2.0故障技术是F24:指定前景色而不指定背景色,反之亦然

最近一篇关于对比度模式的WebAIM文章:http://webaim.org/blog/high-contrast/

关于谷歌主页:谷歌以浏览器嗅探和大量修改页面而闻名,这取决于浏览器、登录或不登录服务、JS激活与否。它甚至会使用SPDY协议而不是HTTP (尽管这不会改变浏览器本身接收的内容)。

我不会考虑从这家公司的网页来比较浏览器;)

票数 7
EN

Stack Overflow用户

发布于 2017-01-19 16:09:05

代码语言:javascript
代码运行次数:0
运行
复制
@media screen and (-ms-high-contrast: active) {
    /* put your styling rules here */
}

工作于IE和MS边缘。在Windows 10中测试。

Chrome不知道Windows 10是否处于高对比度模式.

票数 8
EN

Stack Overflow用户

发布于 2017-06-27 13:22:01

如果在web应用程序中实现高对比度,那么使用下面的代码块进行黑白对比选择。这将在IE中很好地工作。

代码语言:javascript
代码运行次数:0
运行
复制
@media screen and (-ms-high-contrast: black-on-white) {
                /*
                Put your styling code.............
                */

            }
 @media screen and (-ms-high-contrast: white-on-black) {
                /*
                Put your styling code.............
                */

            }
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10091676

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档