相关疑难解决方法(0)

使用条件注释很容易使用特定于浏览器的CSS规则来定位Internet Explorer:

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

有时,Gecko引擎(Firefox)行为不端.使用CSS规则而不是单个其他浏览器仅针对Firefox的最佳方法是什么？也就是说,Internet Explorer不仅应该忽略Firefox规则,还应该忽略WebKit和Opera.

注意:我正在寻找一个"干净"的解决方案.在我看来,使用JavaScript浏览器嗅探器向我的HTML添加"firefox"类并不符合要求.我宁愿看到一些取决于浏览器功能的东西,就像条件评论只对IE有"特殊"...

这是我的CSS块:

.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

我只想让IE 7,8和9"看到" width: 100%

实现这一目标的最简单方法是什么？

IE10 +不再支持浏览器检测标签来识别浏览器.

为了检测IE10,我使用JavaScript和功能测试技术来检测某些带ms前缀的样式,例如msTouchAction和msWrapFlow.

我想对IE11做同样的事情,但我假设所有的IE10样式也将在IE11中得到支持.任何人都可以帮我识别IE11中唯一可以用来分辨两者的风格或功能吗？

额外信息

• 我不想使用用户代理类型检测,因为它是如此的参差不齐,并且可以更改,我想我已经读过IE11故意试图隐藏它是Internet Explorer的事实.
• 有关IE10功能测试如何工作的示例,我使用此JsFiddle(不是我的)作为我测试的基础.
• 此外,我期待很多答案"这是一个坏主意......".我对此的需求之一是IE10声称它支持某些功能,但实现得非常糟糕,我希望能够区分IE10和IE11 +,以便将来继续使用基于功能的检测方法.
• 这个测试与Modernizr测试结合在一起,只会使一些功能"回退"到不那么迷人的行为.我们不是在谈论关键功能.

我也在使用Modernizr,但在这里没有用.我需要帮助解决我明确提出的问题.

我正在尝试使用flexbox进行简单的设计,但我遇到了IE11的问题.基本上,我想要一个仅在内容不够高时才能粘在底部的页脚.我这样做对Chrome没有任何问题:

*,
*:after,
*:before {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

<header>
  Header
</header>
<main>
  <p>Main</p>
  <p>Main</p>
  <p>Main</p>
  <p>Main</p>
  <p>Main</p>
</main>
<footer>
  Footer
</footer>

只需<p>main</p>使用IE11来查看错误行为的数量即可.

有没有办法在没有JavaScript的情况下实现这一目标？

我希望有一个水平滚动条,根容器上没有垂直滚动,子容器上没有垂直滚动条,也没有水平滚动条.需要兼容性:IE,Edge,Chrome,FF.(最新版本)

<rootcontainer> => horizontal scroll
 <subcontainer1> => vertical scroll
  <data></data>
 </subcontainer1>
 <subcontainer2> => vertical scroll
   <data></data>
 </subcontainer2>
</rootcontainer>

Chrome和FF上的滚动没问题,但在IE11和Edge上,根容器的滚动与子容器的内容重叠.

注意:每个子容器的宽度必须等于子容器的50%.

这是我的小提琴问题.

我错过了什么使它工作？

编辑:

Windows 10 Edge

Windows 10 IE

请注意,在IE11上,边框不可见.这个错误在Edge上更明显

如何使用光标手跨浏览器？

我正在寻找一种方法来修改style.css文件，使其仅定位到Internet Explorer浏览器（这样就不会影响Chrome和Firefox的样式）。

例

我想要以下样式的Chrome和Firefox：

.header .currency {margin: **-28px** 0px 0px 0px;}

我想要IE的以下样式：

.header .currency {margin: **-30px** 0px 0px 0px;}

注意

存在用于HTML文件上CSS修改的帖子，这不是我想要的。因此，如果未链接到.CSS文件，请不要提供响应。