seltsame Grenze aroung Text img

-1

Ich habe verschiedene Bilder auf meiner Website, und einige von ihnen (PNG-Bildern) haben einen seltsamen grauen Rahmen um den Textteil des Bildes, wie folgen aus: https://imgur.com/a/yDtM4 seltsame Grenze aroung Text img

Der Text ist innen das Bild, nicht getrennt. Der CSS/HTML-Code des Bildes:

#bor_panel { 
 
border-radius: 12px; 
 
border: 2px solid #287396; 
 
padding: 20px; 
 
width: 170px; 
 
height: 170px; 
 
display: flex; 
 
}

<div id="bor_panel"> 
 
    <img src="images/raro_page/Ampia_Connettivita_B.jpg" id="raro_panel_connettivita" alt="raro robot connettivita" /> 
 
</div>

Jede Idee? Es scheint einen normalen img-Tag ...

------ ------ EDIT

Dies ist das Originalbild: https://imgur.com/a/P9LVm

Es scheint ok

Quelle

2017-12-26 lucacatr

Uh, vielleicht weil der Text wie das ist? –

Scheint wie ein Problem in der Datei. Wie sieht es in einem Bildbearbeitungsprogramm aus? Können Sie einen Link bereitstellen oder das Bild hochladen? – JasonB

Ich habe das Originalbild in den Post gelegt. Es scheint OK – lucacatr

Es gibt ein Problem in Ihrem Bild. Ich öffnete Ihre original image im Photoshop und fand dies nach dem Zoomen des Bildes. In Ihrem Bild ist ein grauer Bereich um den Text herum angeordnet.

Ich habe Ihr Bild in Photoshop bearbeitet und einen Ausschnitt unten machen. Jetzt gibt es keine Grenze.

#bor_panel { 
 
    border-radius: 12px; 
 
    border: 2px solid #287396; 
 
    padding: 20px; 
 
    width: 170px; 
 
    height: 170px; 
 
    display: flex; 
 
} 
 
img{ 
 
width:126px; 
 
height: 126px; 
 
margin: auto; 
 
}

<div id="bor_panel"> 
 
    <img src="https://i.stack.imgur.com/NdgFO.jpg" id="raro_panel_connettivita" alt="raro robot connettivita" /> 
 
</div>

Quelle

2017-12-26 11:12:52 Bhuwan

-1

Es ist komisch. Es ist ein Teil des Bildes, das Sie verwenden. Verwenden Sie eine Bildbearbeitungsanwendung, um den Rahmen zu entfernen. Es scheint nicht so, als wäre es wegen CSS oder HTML

Quelle

2017-12-26 10:08:51

Ich legte das Originalbild in den Post. Es scheint in Ordnung – lucacatr

können Sie den Code teilen, den Sie tatsächlich verwenden. vielleicht auf jsfiddle oder etwas ähnliches –

@lucacatr \t Überprüfen Sie das Bild gut ist diese Grenze ein Teil des Bildes, aber man kann es nicht, wie es am Rande sehen will ... und Sie setzen das Bild im Inneren des Behälters mit papdding können Sie Sieh es als dort weiß um es herum –

seltsame Grenze aroung Text img

Antwort

Verwandte Themen