image - 响应式图像不会在 Chrome 中的页面加载时呈现，在浏览器调整大小或打开开发工具时呈现

Question

我遇到了一个奇怪的 img 问题，该问题仅在浏览器调整大小或打开开发工具时才会呈现。img 具有 srcset 和 sizes 属性，并且位于聚合物模板内。它在没有属性的情况下正常显示，或者在 Polymer shadow dom 之外显示。我相信这个问题是由 Chrome 39 引起的，并且仅限于谷歌 Chrome，那里不再有 polyfills 在工作。控制台中没有错误，自然那里的状态是 200 ok。我在 Firefox 或 IE 中没有问题。我的聚合物版本是 0.5.0，我在 Polymer github 页面上报告了这个问题，但也许还有其他问题。莱克斯

Answer 1

好的，我想我可能已经解决了这个问题，尽管我不得不这样做有点愚蠢。最初我用合并的声明写了这些：

background: url(image-name.jpg) top center fixed;

当我把它写成长篇时，它似乎工作得很好。

    background-image: url(image-name.jpg);
    background-position: top center;
    background-attachment: fixed;

如果我有更多时间研究它，我会在我找到的任何信息中评论为什么会这样。