Comment échapper aux citations dans les styles en ligne?

Si j'ai une ligne de la feuille de style, et je veux, pour quelque étrange raison, - utiliser les mêmes citations que u est utilisé pour encapsuler la valeur de l'attribut dans mon code html à l'intérieur de la css.

Est l'un de ces correct?

<div style="background: url(\"http://my-url.com/img.jpg\")"></div>


<div style="background: url(&quot;http://my-url.com/img.jpg&quot;)"></div>

Je pense que le premier est correct et que le second est un non-sens. Je suis bon ou pas, et pourquoi?

edit:

Un collègue l'a écrit le deuxième moyen, et le problème est que certains navigateurs (y compris, mais pas limité à internet explorer 6+7+8) a demandé l'url, y COMPRIS les " signes qui resultet dans une 404 demande.

edit 2:

bon maintenant sa vraiment bizarre. c'est le code original de la copie et collé à partir de notre fichier.

<div class="cover" style="background-image: url(&quot;http://www.flimmit.com/media/search/filmcovers/105x152/ka/false/kf/false/F7780E.jpg&quot;);">

et c'est directement à partir de notre journal des erreurs:

13:09:45 (0.2424) [header] requ_uri        /schauspieler/Kelly+Trump/"http:/www.flimmit.com/media/search/filmcovers/105x152/ka/false/kf/false/F6TYO8.jpg"
Mar 18 13:09:45 (0.0001) [header] server_addr     10.48.195.172
Mar 18 13:09:45 (0.0001) [header] http_user_agent Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; eSobiSubscriber 2.0.4.16; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; AskTbFF/5.9.1.14019)
Mar 18 13:09:45 (0.0001) [error] 404-Seite wurde aufgerufen
Mar 18 13:09:45 (0.0386) [header] remote_ip       212.95.7.69 - AT
Mar 18 13:09:45 (0.0001) [header] visitor_id      4095543, -
Mar 18 13:09:45 (0.0001) [header] requ_url        http://www.flimmit.com/schauspieler/Kelly+Trump/"http:/www.flimmit.com/media/search/filmcovers/105x152/ka/false/kf/false/F6TYO8.jpg"
Mar 18 13:09:45 (0.0001) [header] http_referer    http://www.flimmit.com/schauspieler/Kelly+Trump/
Mar 18 13:09:45 (0.0000) [header] finished at 0.2816

c'était une IE8 client. sur IE6 l'uri de la demande a même &quot; au lieu de ".

Donc, soit nous sommes tous trompés ou internet explorer n'est pas le respect de toutes les normes?

source d'informationauteur The Surrican

  1. 14

    utiliser les guillemets simples et je pense qu'il devrait être entre parenthèses:

    <div style="background: url('http://my-url.com/img.jpg')"></div>

    La &quot; fonctionne aussi (testé dans jsFiddle):

    <div style="background: url(&quot;http://my-url.com/img.jpg&quot;)">test</div>
  2. 4

    Tout d'abord, pourquoi?

    Vous devriez être en utilisant () au lieu de '{}'

    C'est le meilleur chemin:

    <div style="background: url('http://my-url.com/img.jpg')"></div>

    Cette façon est bien:

    <div style="background: url(&quot;http://my-url.com/img.jpg&quot;)"></div>

    Cela fonctionne aussi:

    <div style="background: url(http://my-url.com/img.jpg)"></div>

    Cela ne fonctionne pas:

    <div style="background: url(\"http://my-url.com/img.jpg\")"></div>

    Remarque: Supprimer l'espace après url.

  3. 3

    La deuxième option est la bonne, d'autant que l'échappement est concerné:

    <div style="background: url {&quot;http://my-url.com/img.jpg&quot;}"></div>

    D'échapper les guillemets dans le code HTML que vous utilisez &quot;que ce soit dans les attributs ou pas.

    Voir ce jsfiddle (prises de cette DONC réponse).