странные линии показывает при наложении двух div

0

Я пытаюсь создать собственный разделитель, который является <div> между page1 и page2, но некоторые странные строки показывают, что я не знаю, откуда они пришли, или как скрыть их!

Изображение 174551 spiltter.png

Изображение 174551 pattern1.png Изображение 174551 Snippedshot

 .zikzak, .splitter, .split-content
 {
    float:left;
    width:100%;
 }
 .splitter
 {
    height:250px;
 }
 .split-content
 {

    margin-top:-50px;
    height:250px;
    background:url(img/pattern1.png) repeat;
 }
 .zikzak
 {
    position:relative;
    height:50px;
 }

HTML:

 <div class="splitter">
    <div class="zikzak" style="background:url(img/spiltter.png) repeat-x"></div>
    <div class="split-content"></div>
    <div class="zikzak" style="background:url(img/spiltter2.png) repeat-x"></div>
 </div>
  • 1
    проблема с вашим изображением называется spiltter.png . Края изображения прозрачные, а не сплошные. закрашены сплошным цветом по краям. Я надеюсь, что ваша проблема должна быть решена.
  • 0
    @KheemaPandey Я только что заметил, спасибо
Теги:
layout

1 ответ

0
Лучший ответ

Проблема с изображением называется spiltter.png Поскольку края изображения прозрачны, а не сплошные, то почему вы получаете странное поведение.

Чтобы решить эту ошибку, вы должны заполнить края изображения сплошным цветом.

Сообщество Overcoder
Наверх
Меню