Note that there are some explanatory texts on larger screens.

plurals
  1. POSometimes Cassette doesn't rewrite a background-image rule
    primarykey
    data
    text
    <p>Context: <a href="http://getcassette.net/documentation/stylesheets" rel="nofollow">http://getcassette.net/documentation/stylesheets</a></p> <p>Specifically:</p> <blockquote> <p>Image URLs in the CSS are rewritten. For example, a file ~/styles/main.css, with the content:</p> <pre><code>body { background-image: url(img/bg.jpg); } </code></pre> <p>is transformed into:</p> <pre><code>body { background-image: url(/_assets/images/styles/img/bg_25cb72e61bd5ag2_jpg); </code></pre> </blockquote> <hr> <p>Now in my particular case for example, in my .less file, I might have a rule like this:</p> <pre><code>.ribbon { background: url("/Public/image/blue-rib.png") no-repeat; } </code></pre> <p>And Cassette is supposed to rewrite it and the browser actually receives this rule:</p> <pre><code>.ribbon { background: url("/_cassette/file/Public/images/blue-rib_81ab1e7f2fdb27c91a9e9b41eed420390e21f7e0.png") no-repeat; } </code></pre> <p>And the image displays fine.</p> <p>In this particular case, using the same idea, the background rule <strong>is not</strong> rewritten by cassette and the users receives the regular rule I manually entered in the .less file.</p> <p>Here are the facts:</p> <ul> <li>The working and non-working rules are both in the same .less file.</li> <li>The image is correctly in my Visual Studio project, in a folder <code>/Public/images</code>.</li> <li>Using the Google Chrome web tool, I can see the rule is <code>background: url("/Public/image/blue-rib.png") no-repeat;</code> - Not rewritten as it should be by Cassette.</li> </ul> <p>Any ideas on what might the cause of this?</p> <p>I tried changing to debug=false in web.config, running the app and nothing works. </p> <p>Tried switching back to debug=true and still no dice.</p> <p>Any suggestions?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload