-ms-高对比度-调整等效的IE9
-ms-高对比度-调整等效的IE9
提问于 2013-11-16 01:51:09
我们的一个CSS文件使用-ms-高对比度调整:无，以确保一些背景特性显示，即使在高对比度模式。它在IE10和IE11上运行得很好。现在我们尝试将相同的CSS移植到IE9，显然不支持它。
什么是相当于-ms-高对比度-*属性下的IE9？是否还有其他方法可以使浏览器不改变“高对比度模式”设置的功能？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-16 01:58:23
没有等价物。
备注 在Windows 8中引入了-ms-高对比度媒体功能.
这是给ie10的。
您可以使用以下媒体查询来测试它：
@media screen and (-ms-high-contrast: active) {/* ... */}
@media screen and (-ms-high-contrast: black-on-white) { /* */ }
@media screen and (-ms-high-contrast: white-on-black) { /* */ }http://msdn.microsoft.com/en-us/library/windows/apps/hh465764.aspx
一些开发人员使用它来针对媒体查询的IE10：
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* i-love-ie */
}PS，这有点奇怪，你想让浏览器强制一个操作系统以一种特定的方式显示，或者在操作系统上以一种特定的方式显示。
持有
我刚从Steve：http://blog.paciellogroup.com/2010/01/high-contrast-proof-css-sprites/找到了这篇文章
使用前面的CSS精灵:伪元素 使用传统的背景图像方法实现CSS精灵的一个替代方案是可用的，它解决了图像不能在高对比度模式下显示的问题。这个替代方法使用CSS之前的:伪元素(注意:后:伪元素也可以使用)。示例： 链接到主页图标和默认显示颜色的文本。链接到一个家庭图标和文字窗口高对比度的颜色。
CSS
span.test1:before {
margin-right: -10px;
content: url(icons.png);
position:relative;
left:-2px;
top:-109px;
}
span.test1 {width:17px;
height:18px;
display:inline-block;
overflow:hidden;}HTML
<a href="#"><span class="test1"></span>Home</a>我没有时间去测试它。试一试，回到我们身边，这样，如果需要的话，我可以“纠正”这个答案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20013671
复制相关文章
相似问题
腾讯云开发者
