小编Lui*_*hng的帖子

如何检测HTML Media Capture*的浏览器支持？

传统的测试属性是否受支持的方法似乎不适用于某些设备(在iPad和Google Nexus上测试):

  var elm = document.createElement(input);
  if (capture in elm) {
    return true;
  } 

有一个对Modernizr的测试,但它似乎不可靠(它使用相同的原理):https: //github.com/Modernizr/Modernizr/pull/909

__

(*)有关HTML媒体捕获的更多信息:

http://www.w3.org/TR/html-media-capture/
http://www.html5rocks.com/en/tutorials/getusermedia/intro/#toc-round1

我目前正在IE8上测试一个站点(在虚拟机上运行).

该网站使用了一些背景图片:before和:after元素,它们位于媒体查询中:

@media (min-width: 980px) {

    .box:after {
        ...
        background: url('../images/assets/home-create-background.png') bottom right no-repeat;
        ...
    }
}

我正在使用respond.js为IE8上的媒体查询提供支持.一旦页面加载(即:respond.js实际上正在工作),就会应用媒体查询中的规则.但是,不显示此图像.

有趣的是: 如果我打开IE Developer Tools(例如按F12),图像会突然显示出来.

有人经历过类似的事吗？你们有任何想法或方向探索吗？

编辑: 我终于能够解决这个问题,将内容添加到:after伪元素(我已经应用此规则,但不在媒体查询中,并且由于某种原因,它没有应用于IE)

    .box:after {
        ...
        background: url('../images/assets/home-create-background.png') bottom right no-repeat;
        content: " ";
        ...
    }

无论如何,我相信当我打开Dev Tools时,知道为什么布局会发生变化很有意思......