html - 谷歌浏览器图片有边框

Question

这里正在发生某种疯狂的巫术 o.O.在 Chrome 中图像有边框，出于某种原因我对此无能为力。问题出在 slider - 拇指上，而且只在 Chrome 中。我尝试将 border: none 和 border-style: none 应用于 img elements ，但仍然没有。

HTML代码:

<div class="promo_tumbs col_12">
                    <div data-dir="prev" class="prev"></div>
                    <div data-dir="next" class="next"></div>
                    <div class="promo_tumbs_centar">
                        <a><img class="promo_tumb promo_tumb_current" /></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                    </div>
</div>

CSS:

.promo_tumbs .prev:hover, .promo_tumbs .next:hover {cursor: pointer;}
.promo_tumbs .prev {position: absolute; left: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 -208px;}
.promo_tumbs .prev:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -312px}
.promo_tumbs .next {position: absolute; right: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 0px; }
.promo_tumbs .next:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -104px}
.promo_tumbs_centar {width: 90%;margin: 0 auto;}
a .promo_tumb {margin: 0; padding: 0; height: 105px; width: 145px; display: block; float: left; background: url('../img/resursi/thumbs.png') no-repeat 0px 0px;}
a:hover .promo_tumb {background: url('../img/resursi/thumbs.png') no-repeat 0 -105px}
.promo_tumb {height: 75px; width: 125px; float: left; margin: 15px 10px;}
.promo_tumb:hover {background: url('../img/resursi/proba.png') no-repeat}
.promo_tumb_current{background: url('../img/resursi/thumbs.png') no-repeat 0 -105px !important; }

Answer 1

由于没有为图像设置源(src)所以它显示白色边框。