HTML/CSS Entfernen von Rahmen (oder Outline) aus Bild geladen in SPAN mit CSS

Question

Ich muss Rand/Umriss (ich weiß nicht, was genau ist) aus einem Bild in Span mit CSS geladen entfernen.

Dies ist der HTML-Code:

<div> <span class="BG"><img class="EU"></span> </div>

Und das ist die CSS:

.BG{ 
    background-color: #017b5b!important; 
    display:block; 
} 

.EU{ 
     background-image: url('http://bet.dn1.it/images/broker.png'); 
     background-position: -190px -362px; 
     width: 189px; 
     height: 50px;     
     display:block; 
     margin:0 auto; 

} 

Sie das Beispiel finden Sie hier: JsFiddle

Vielen Dank zu unterstützen .

Ciao

Answer 1

Da Sie Hintergrund-Bild verwenden, um das Element html ändern. Sie können zum Beispiel eine Spanne verwenden.

JSFIDDLE

https://jsfiddle.net/3vwjc26t/

<div> 
<span class="BG"><span class="EU"></span></span> 
       </div> 

Answer 2

Sie nicht für diese ein img-Tag benötigen. Benutze einfach ein div.

<div> 
    <span class="BG"><div class="EU"></div></span> 
</div> 

Answer 3

Dies ist, weil Sie ein <img> Element ohne src Attribut verwenden, da Sie CSS verwenden, um es hinzuzufügen, wie background-image Sie zu einem anderen Elementtyp wie ein <span> oder <div> schalten sollen.

Wie so:

<div> 
    <span class="BG"><span class="EU"></span></span> 
</div> 

Edited Fiddle

Answer 4

So gibt es zwei Dinge, die Sie tun können.
1. Wenn Sie müssen das <img> Tag verwenden Sie einen blank.gif erstellen (1px x 1px) transparentes Bild und stellen Sie die Quelle <img src="blank.gif" class="EU">
2. bis blank.gif Wie alle anderen gesagt hat, kann Sie nur Ihre <img> Tag ändern zu einem <span> oder <div>

Das Standardverhalten eines -Tags, das nicht auf ein Bild oder ein gültiges Bild verweist, besteht darin, einen Rahmen um ihn herum festzulegen. Es scheint keine Möglichkeit zu geben, diese Grenze zu entfernen.