0

我需要从使用 CSS 加载到 Span 中的图像中删除边框/轮廓（我不知道到底是什么）。

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

非常感谢您的支持。

再见

4

4 回答 4

2

你不需要一个 img 标签。只需使用一个div。

<div>
  <span class="BG"><div class="EU"></div></span>
</div>
于 2017-01-27T16:47:26.603 回答
2

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

像这样：

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

编辑小提琴

于 2017-01-27T16:50:22.597 回答
2

由于您使用的是背景图像，因此请更改 html 元素。例如，您可以使用跨度。

JSFIDDLE

https://jsfiddle.net/3vwjc26t/

<div>
<span class="BG"><span class="EU"></span></span>
                </div>
于 2017-01-27T16:50:52.430 回答
1

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

默认行为<img>不引用图像或有效图像的标签将在其周围设置边框。似乎没有办法删除此边框。

于 2017-01-27T17:06:15.077 回答