Wie die Flucht Anführungszeichen in inline-styles?

Wenn ich ein inline-stylesheet, kann und will ich - aus unerfindlichen Gründen - mit den gleichen Zitaten, die u verwendet, um Kapseln, die Attribut-Wert in meinem html-code innerhalb der css.

Ist einer dieser richtig?

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


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

Ich denke das erste ist richtig und das zweite ist Unsinn. Bin ich im Recht, oder nicht, und warum?

edit:

Einem co-worker schrieb es der zweite Weg, und das problem war, dass einige Browser (inklusive, aber nicht beschränkt auf internet explorer 6+7+8) die angeforderte url, EINSCHLIEßLICH der " Zeichen, die erzeugte eine 404-Anfrage.

edit 2:

okay jetzt seine wirklich seltsam. dies ist der original-code kopieren und einfügen aus unserer Datei.

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

- und dies ist gerade aus unserer Fehlerprotokoll:

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

war dies ein IE8-client. auf IE6 die request-uri hat sogar " statt ".

Also entweder wir sind alle falsch, oder internet explorer sich nicht an irgendwelche standards?

InformationsquelleAutor der Frage The Surrican | 2011-03-18

15

verwenden Sie einfache Anführungszeichen, und ich denke, es sollten Runde Klammern:
```
<div style="background: url('http://my-url.com/img.jpg')"></div>
```
Den " funktioniert auch (getestet in jsFiddle):
```
<div style="background: url(&quot;http://my-url.com/img.jpg&quot;)">test</div>
```
InformationsquelleAutor der Antwort Luke Duddridge

First off, warum?

Sollten Sie mit Hilfe () statt '{}'

Diese Weise ist am besten:

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

Dieser Weg gut ist:

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

Funktioniert das auch:

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

Dies nicht funktioniert:

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

Hinweis: Entfernen Sie die Leerzeichen nach url.

InformationsquelleAutor der Antwort RDL

3

Die zweite option ist die richtige, soweit der Flucht ist besorgt:
```
<div style="background: url {&quot;http://my-url.com/img.jpg&quot;}"></div>
```
Flucht double-quotes in HTML, die Sie verwenden "ob Attribute oder nicht.

Sehen diese jsfiddle (entnommen aus diese SO beantworten).

InformationsquelleAutor der Antwort Oded

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.