У меня есть вопрос о проекте, над которым я работаю.

Сайт www.AC-photography.net

При открытии в Firefox можно нажимать «начать прокрутку», но при открытии в chrome кажется, что перед этим слоем что-то есть. Может кто-нибудь помочь с тем, как сделать эту работу в Chrome. Я опубликую HTML относительно

<div id="main">
    <header id="top">
        <div class="color_bar"></div>
    </header>

    <div class="title">
        <div class="logo">
            <img src="images/logo.png" alt="" />
        <!-- <p class="intro_text"> Alex Cherkasov | Art Director </p>-->
            <a href="#portfolio" class="smoothScroll"><p class="sub_intro">Start Scrolling</p></a>          
        </div>
    </div> 
0
user2034255 2 Фев 2013 в 03:59

2 ответа

Лучший ответ

Прямой проблемой, похоже, является z-index: auto для вашего класса .title - установите значение выше 800, и в Chrome все должно быть хорошо.

Помимо этого, вы можете также очистить синтаксис - абзац внутри якоря (уровень блока внутри строки), а второй фактически не определен как блок, вызывает проблемы!

1
user1986772 2 Фев 2013 в 00:33

Похоже, в нем отсутствует закрывающий тег </div>. Это может быть проблемой.

0
Marcelo 2 Фев 2013 в 00:31