[英]Targeting IE 11 in css not working
我正在尝试修复 IE11 中的一个微小布局问题,其中滑块 pip 跳出其位置(在其他主要浏览器中都很好)
我已将媒体查询添加到样式表(如下)但没有运气。 我也尝试过条件代码、各种黑客等。但没有任何效果或影响所有浏览器。 我花了几个小时尝试各种解决方案但没有任何运气并且没有想法。 需要帮助请。 布局问题说明
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
#yardstick-text-6-1 {
margin-top: -43px;
}
#yardstick6-1 {
margin-top: -53px;
}
}
网页可以在这里看到密码:quote321
尝试只使用(-ms-high-contrast: none)
像这样:
@media screen and (-ms-high-contrast: none) {
#yardstick-text-6-1 {
margin-top: -43px;
}
#yardstick6-1 {
margin-top: -53px;
}
}
或:-ms-fullscreen,:root .selector
:
_:-ms-fullscreen,
:root #yardstick-text-6-1.ie11 {
margin-top: -43px;
}
_:-ms-fullscreen,
:root #yardstick-6-1.ie11 {
margin-top: -53px;
}
<div id="yardstick6-1" class="ie11">
<div id="yardstick-text6-1" class="ie11"></div>
</div>
注意:要轻松修复,您可以从#yardstick6
删除float:left
以下应该可以解决您的问题。 这个想法是应用特定于 IE 的 CSS。
@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
//Your CSS
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.