2012-06-01 2 views
3

Здесь есть особняк дикого колдовства o.O. В изображениях Chrome есть граница, и по какой-то причине я ничего не могу с этим поделать. Проблема с слайдером - большими пальцами и только в Chrome. Я попробовал применить border: none и border-style: none для img элементов, но все равно ничего.У изображений Google Chrome есть граница

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; } 
+1

Вы пробовали 'border: 0;'? – JudeJitsu

+2

Поскольку у вас нет src в списке, вы имеете в виду серый контур, который появляется в Chrome, когда вы остаетесь «unsourced»? –

+0

Я сделал, а также попробовал ** border: 0px сплошной черный ** и еще ничего. – Sasha

ответ

11

Поскольку нет никакого источника (ЦСИ) набор для изображения, поэтому его отображения белой каймой.

+0

очень хороший улов http://stackoverflow.com/questions/4743127/chrome-safari-display-border-around-image –

+0

В этом была проблема. Спасибо, что помогли мне :) – Sasha

+1

yeeeah! Спасибо чувак! – jfplataroti

Смежные вопросы