我正在尝试修复IE11中的一个小布局问题,其中滑块pip跳出它的位置(在其他主流浏览器中它很好)
我已将媒体查询添加到样式表(下方),但没有运气。我也尝试了条件代码,各种黑客等。但没有任何工作或影响所有浏览器。我花了几个小时尝试各种解决方案而没有任何运气,并且没有想法。需要帮助。 Layout issue illustrated
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
#yardstick-text-6-1 {
margin-top: -43px;
}
#yardstick6-1 {
margin-top: -53px;
}
}
可以使用密码:quote321
查看网页here答案 0 :(得分:2)
尝试像这样使用(-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>
注意:要轻松修复,您可以从float:left
移除#yardstick6
答案 1 :(得分:1)
以下应解决您的问题。这个想法是将CSS应用于IE。
@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
//Your CSS
}