title: Convert background image via CSS to inline styling?
body: <p>I have this CSS for a hero background image:</p>
  <pre><code>#main &gt; header {
    padding: 12em 0 10em 0 ;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(&quot;../../images/banner.jpg&quot;);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(&quot;../../images/banner.jpg&quot;);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(&quot;../../images/banner.jpg&quot;);
    background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(&quot;../../images/banner.jpg&quot;);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }
  </code></pre>
  <p>Would it be possible to convert this over to an line styling scenario?</p>
  <p>This is my HTML:</p>
  <pre><code>&lt;header id=&quot;header&quot; class=&quot;alt&quot;&gt;
    &lt;h1&gt;&lt;a href=&quot;index.html&quot;&gt;Spectral&lt;/a&gt;&lt;/h1&gt;
    &lt;nav id=&quot;nav&quot;&gt;
      &lt;ul&gt;
        &lt;li class=&quot;special&quot;&gt;
          &lt;a href=&quot;#menu&quot; class=&quot;menuToggle&quot;&gt;&lt;span&gt;Menu&lt;/span&gt;&lt;/a&gt;
          &lt;div id=&quot;menu&quot;&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;generic.html&quot;&gt;Generic&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;elements.html&quot;&gt;Elements&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Log In&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  <p>The reason I need to do this is because I am converting a static HTML site over to a CMS and to manage the images I need to add certain tags. Thanks for all replies and direction with this...</p>