Polymer 聚合：强制CSS加载和背景图像问题

在开发应用程序时，我有时喜欢在每次刷新时强制加载CSS，以便动态加载任何CSS更改

我尝试了以下几点：

<link rel="stylesheet" href="widget1.css?v={{cssRandom}}">

不幸的是，这不起作用。这不是一个大问题，我可以在进行更改时手动强制使用css，但如果知道这样的问题是否有解决方案，那就好了

第二个问题与背景图像有关。由于某些原因，以下操作不起作用：

<div class="boxed" style="background: url(image.png) 170px 140px;">
    <div class="boxed-title">TITLE</div>
      <div class="boxed-info">
        INFO
      </div>
</div>

---

或者类似的东西来工作？

就背景图像而言，我通过在第三方网站上托管图像来解决这个问题。这不是一个优雅的解决方案，但经过几天的摆弄和搜索，我就是找不到一个解决方案

<div class="boxed" style="background-image: url({{myObject.backgroundimage}});">

RE：背景图像

默认情况下，自定义元素是

display:inline

，因此您需要指定主机应

display:block

。然后背景图像将工作

例如，这对我很有用：

<polymer-element name="background-img" noscript>
  <template>
    <style>
      :host {
        display: block;
        background-image: url(img/d.png);
      }
    </style>
    <h1>Hello from background-img</h1>
  </template>
</polymer-element>

---

要回答第一个问题，Polymer目前不支持URL属性（如“href”）中的数据绑定

---

对于您的第二个问题，这是一个我刚刚在

中修复的bug，时间有点晚，但是，您可以简单地使用以下代码

注意：$after样式属性

<div class="boxed" style$="background: url(http://www.myapp.com/elements/image.png) 170px 140px;">

<div class="boxed" style="background-image: url({{myObject.backgroundimage}});">

<polymer-element name="background-img" noscript>
  <template>
    <style>
      :host {
        display: block;
        background-image: url(img/d.png);
      }
    </style>
    <h1>Hello from background-img</h1>
  </template>
</polymer-element>

background-img/
  img/
    d.png
  background-img.html

<div class="boxed" style$="background: url(http://www.myapp.com/elements/image.png) 170px 140px;">