HTML/CSS 从使用 CSS 加载到 SPAN 中的图像中删除边框（或轮廓）

Question

我需要从使用 CSS.

加载到 Span 中的图像中删除 border/outline（我不知道到底是什么）

这是HTML代码：

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

这是 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;

}

您可以在此处找到示例：JsFiddle

非常感谢您的支持

再见

Answer 1

您不需要 img 标签。只需使用 div.

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

Answer 2

这是因为您使用的 <img> 元素没有 src 属性，因为您使用 CSS 将其添加为 background-image 您应该切换到不同的元素类型，例如 <span> 或 <div>.

像这样：

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

Edited Fiddle

Answer 3

由于您使用的是 background-image，请更改 html 元素。例如，您可以使用跨度。

JSFIDDLE

https://jsfiddle.net/3vwjc26t/

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

Answer 4

所以您可以做两件事。
1. 如果必须使用<img> 标签可以创建一个blank.gif (1px x 1px) 透明图像并将源设置为blank.gif <img src="blank.gif" class="EU">
2. 正如其他人所说，您只需将 <img> 标签更改为 <span> 或 <div>

不引用图像或有效图像的 <img> 标签的默认行为是在其周围设置边框。好像没有办法去掉这个边框。

HTML/CSS 从使用 CSS 加载到 SPAN 中的图像中删除边框（或轮廓）

HTML/CSS Remove Border (or Outline) from Image loaded in SPAN with CSS

html

css

image

imagespan