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

Question

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

0

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

spiltter.png

pattern1.png 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>

Murhaf Sousli 08 май 2014, в 08:11

Источник

1

проблема с вашим изображением называется spiltter.png . Края изображения прозрачные, а не сплошные. закрашены сплошным цветом по краям. Я надеюсь, что ваша проблема должна быть решена.
Kheema Pandey 08 май 2014, в 05:20
0

@KheemaPandey Я только что заметил, спасибо
Murhaf Sousli 08 май 2014, в 05:24

Теги:

html

css

layout

1 ответ

Ещё вопросы

проблема с вашим изображением называется spiltter.png . Края изображения прозрачные, а не сплошные. закрашены сплошным цветом по краям. Я надеюсь, что ваша проблема должна быть решена.
@KheemaPandey Я только что заметил, спасибо

Kheema Pandey · Accepted Answer · 2014-05-08T03-50-00.000Z

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

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