Как избежать перекрытия линий?

Question

Почему я получаю перекрывающиеся линии при попытке использовать Reveal.js?

Значение по умолчанию

.reveal .slides>section>section { 
display: none; 
position: absolute; 
width: 100%; 
padding: 20px 0px; 

z-index: 10; 
line-height: 1.2em; /* the default value 
font-weight: normal; 

вот результат (не могу загрузить ити здесь, imghur ошибка)

http://s24.postimg.org/5rawfbigl/image.jpg

но, к сожалению, я получил все содержимое перепутать! поэтому я изменил 1.2 на нечто большее, например 2 или 3, чтобы получить нормальное отображение.

Что я сделал не так?

Answer 1

Позиция абсолютная не имеет значения, если на целевой территории есть другой элемент. Попробуйте изменить на

позиция: относительная;