Странное пространство между divs в chrome

У меня странное пространство между двумя div на моем новом сайте, используя хром.Странное пространство между divs в chrome

Проверьте это: http://www.predatordesign.de/temp2

Скриншот: enter image description here

CSS для этого раздела:

.background-arrow { 
     position: absolute; 
     bottom: 0; 
     left: 0; 
     width: 100%; 
     height: 20px; 
     background: url(../img/background-arrow.svg) center bottom no-repeat; 
     background-size: cover; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     z-index: 10; 
    }

источник

2015-04-26 Anonymous

Вы со ссылкой на горизонтальную линию ниже треугольника? Я не вижу его в Chrome. Пожалуйста, разместите полный код в своем вопросе, чтобы мы могли воспроизвести проблему. – j08691

Это масштабирование вопрос. Изменение нижней координаты вашего полигона от 20 до 21.

После редактирования SVG должен выглядеть следующим образом:

<?xml version="1.0" encoding="utf-8"?> 
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    viewBox="0 0 2920 20" enable-background="new 0 0 2920 20" xml:space="preserve"> 
<polygon fill="#333333" points="0,21 0,0 1445.5,0 1460,17 1474.5,0 2920,0 2920,21 "/> 
</svg>

источник

2015-04-26 16:13:54

Я использовал png-изображение. У svg нет никаких преимуществ ... –

Но ваше решение работает очень хорошо, спасибо :-) –

Странное пространство между divs в chrome

ответ

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