CSS img [src = "..."] nicht

Bei this page angewendet wird, habe ich das BildCSS img [src = "..."] nicht

welches @http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png

Die Seite oben hat this stylesheet, die enthält:

img[src='http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png'] { 
    width: 103px; 
    height: 192px; 
}

Allerdings wird das Bild nicht auf width: 103px oder height: 192px gesetzt wird, in der Tat, die CSS Regel wird überhaupt nicht angewendet.

Ich kann nicht herausfinden, warum - können Sie? Vielen Dank.

aktualisieren: Ich habe eine Klasse hinzugefügt, so dass das Image-Tag ist jetzt:

<img class="alignright MHlogo" alt="MH Logo" src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png" width="103" height="192">

und CSS:

.MHlogo { 
    width: 103px; 
    height: 192px;  
}

Aber .MHLogo nicht angewendet werden?

Update2: Ich bemerkte aus

img { 
    width:auto; 
    max-width: auto !important; 
    height: auto !important; 
    box-shadow: #000 0em 0em 0em !important; 
}

und .MHLogo jetzt angewendet wird.

Quelle

2016-05-17 Steve

Erstellen Sie eine JS Fiddle davon, die uns hilft, das Problem zu identifizieren. –

Haben Sie versucht, den 'media' Parameter zu entfernen? – Justinas

kann man nicht verwenden #sitelogo {width: 103px; Höhe: 192px; } ...? –

Wenn Sie mit dem href auf denen es zu bestehen, müssen Sie es entkommen. Etwas wie:

img[src="http\:\/\/www\.orsgroup\.com\.au\/wp-content\/uploads\/2012\/11\/MH-Logo\.png"] { 
 
    width: 103px; 
 
    height: 192px; 
 
}

<img class="alignright" alt="MH Logo" 
 
    src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png" 
 
    width="103" height="192">

Die Art, wie ich diese Saite erzeugt wird, ist durch die Konsole in Chrome öffnen und läuft:

CSS.escape("http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png");

More about CSS.escape()

ich mit jeder zustimmen hier sagen, dass eine CSS-Klasse ist eine bessere Möglichkeit, es zu tun. Ich wollte nur sicherstellen, dass ich die spezifische Frage tatsächlich beantworte.

Quelle

2016-05-17 05:47:43 Meligy

Hallo Melingy, Vielen Dank für das Lösen dieser Frage. Ich habe ein Update zu meiner Frage hinzugefügt (Ich habe versucht, eine Klasse zu verwenden, aber es funktioniert nicht). – Steve

Ich habe ein zweites Update hinzugefügt, und das Problem ist behoben. Vielen Dank. – Steve

Können Sie erklären, warum Sie Attributwerte vermeiden müssen? – Justinas

können Sie Breite und Höhe in Ihrem Stylesheet als

.alignright { 
    width: 103px; 
    height: 192px; 
}

Quelle

2016-05-17 05:41:08

-2

hinzufügen versuchen, diese

<img class="alignright" alt="MH Logo" src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png" style=" 
height: 103px !important; 
width: 129px !important;">

Sie können Höhe und Breite zu CSS-Klasse bewegen, wenn es funktioniert.

Quelle

2016-05-17 05:42:44

Inline-Styling ist immer eine schlechte Idee, ebenso wie '! Wichtig'. Für Debugging-Zwecke kann es nützlich sein, aber es garantiert nicht, dass das Verschieben dieser Eigenschaften in die CSS-Klasse der Klasse funktioniert. Ich würde Ihre letzte Aussage in etwas wie "wenn es dort funktioniert und nicht auf die CSS-Klasse, weil etwas diese Eigenschaften an anderer Stelle außer Kraft setzt." –

width: auto, height: auto Eigenschaft ist Ihre gewünschte Höhe und Breite in dem Blattstil zwingende

Quelle

2016-05-17 05:44:46

CSS img [src = "..."] nicht

Antwort

Verwandte Themen