I have basic code with bootstrap and a svg sprit in a header / menu.. and there is a thin gray background line in the icons.
can you please help. I have tried setting
border-* etc to 0 - and I can fix. I set the colors / background - but some place I am missing something.
some place it is getting the below value from normalize.less
border-image-width: 1 ;
code: please see codepen.
background-position: 0 0;
background-position: -128px 0;
<a href=" ">
<img class="icon icon-twitter"></a>
It's because you are using an
img tag with no
src attribute. Chrome is essentially indicating the size of the container with nothing in it.
If you don't want to place an image between the anchor tags, then don't use an image tag. It's not necessary to place anything between the tags.