在CSS中定位IE 11无法正常工作

Martyna VA

我正在尝试解决IE11中的一个微小布局问题,其中滑块点跳出了它的位置(在其他主要浏览器中都可以)

我已经向样式表添加了媒体查询(如下),但是没有运气。我也尝试过条件代码,各种破解等。但是没有任何效果或影响所有浏览器。我已经花了几个小时尝试各种解决方案,但运气不佳,想法也用光了。请帮忙。说明了布局问题

  @media screen and (-ms-high-contrast: active),
  (-ms-high-contrast: none) {
    #yardstick-text-6-1 {
      margin-top: -43px;
    }
    #yardstick6-1 {
      margin-top: -53px;
    }
  }

可以在此处看到该网页,密码为:quote321

pa

尝试(-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>

请参阅IE的BrowserHacks

注意:要轻松修复,您可以float:left#yardstick6

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

菜单CSS在IE11中无法正常工作

来自分类Dev

IE 11 disable =“ True”无法正常工作

来自分类Dev

IE11中的dataTransfer无法正常工作

来自分类Dev

IE11中的Owl Carousel无法正常工作

来自分类Dev

CSS 3D动画在IE11中无法正常工作

来自分类Dev

背景图片CSS无法在IE11中正常工作

来自分类Dev

Owlcarousel 在 IE Mobile 11 上无法正常工作

来自分类Dev

相对定位无法正常工作CSS

来自分类Dev

相对定位无法正常工作CSS

来自分类Dev

CSS Margin在IE和Safari中无法正常工作

来自分类Dev

CSS背景在IE8中无法正常工作

来自分类Dev

CSS not()无法正常工作

来自分类Dev

CSS:not()无法正常工作

来自分类Dev

CSS:not()无法正常工作

来自分类Dev

CSS:无法正常工作

来自分类Dev

CSS:not()无法正常工作

来自分类Dev

Bootstrap sb-admin-2主题在IE 11中无法正常工作

来自分类Dev

jQuery隐藏选择器在IE 11中无法正常工作

来自分类Dev

IE 11中的文本区域选择在最后一行上无法正常工作

来自分类Dev

在 IE 11 中按 F12 之前,某些 Javascript 无法正常工作

来自分类Dev

JSF selectCheckBoxMenu在IE中无法正常工作

来自分类Dev

execCommand在IE中无法正常工作

来自分类Dev

CSS3动画无限无法在Internet Explorer 11中正常工作

来自分类Dev

CSS工具提示定位/ Chrome与IE 11

来自分类Dev

Progressbar.js-SVG进度栏无法正常工作IE 11,10,9

来自分类Dev

在IE 11上的beforeunload-不提示用户无法正常工作

来自分类Dev

Progressbar.js-SVG进度栏无法正常工作IE 11,10,9

来自分类Dev

更改Font-awesome类在IE11上无法正常工作

来自分类Dev

.css()jQuery无法正常工作