2014-05-29 4 views
0

Пожалуйста, обратите внимание на эту веб-страницу - http://dev.topyaps.com/how-awesome-are-youПомощь с индексом г, вызывающих различные ошибки

Этот пост построен на WordPress плагин, который я разработал. Я сталкиваюсь с различными проблемами из-за свойства индекса z элементов. Проблемы -

1) При прокрутке меню сливается с плавающей полосой на странице. CSS меню -

kodda_container { 
z-index: 999 !important; 
width: 1220px; 
height: 40px !important; 
background-color: ; 
border-top: solid transparent; 
border-right: solid transparent; 
border-bottom: solid transparent; 
border-left: solid transparent; 
background-image: -webkit-linear-gradient(top, transparent, transparent); 
} 

Css плавучего бар -

.scoreBox { 
    background: #fafafa; 
    border: 1px solid #d1d1d1; 
    width: 100%; 
    z-index: 997; 
} 

2) При нажатии на кнопку отправки появится центр окно. Центральная коробка должна быть сверху, пока она скрывается.

Css из центральной коробки -

element.style { 
    padding: 6px; 
    word-wrap: break-word; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -18px; 
    margin-left: -206px; 
    z-index: 999; 
    display: block; 
} 

3) Попробуйте нажать на кнопку входа и регистрации на главной странице - http://dev.topyaps.com/. Это фактическое оформление всплывающего окна входа/регистрации. Но в сообщении «Как вы себя чувствуете?» , когда мы нажимаем логин/регистрируем изменения стиля в стиле центрального окна (тот, который появляется при нажатии кнопки «Отправить»).

Css логина коробки -

element.style { 
    display: block; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -163.5px; 
    margin-left: -230px; 
    z-index: 10001; 
} 

Пожалуйста, попробуйте сказать мне путь, по которому я могу исправить эти проблемы.

+0

Можете ли вы показать код и HTML? –

+0

Я думаю, что большую часть кода можно увидеть, используя опцию «Проверить элемент» в браузере. Тем не менее, если вы считаете, что вам нужен какой-то конкретный код, дайте мне знать. –

+0

Нам не нужно тратить свое время и искать ваш код, было бы неплохо в будущем облегчить нам помощь в том, чтобы помочь вам и опубликовать код самостоятельно или предоставить jsFiddle только раздел, в котором вам нужна помощь для , –

ответ

0

Вашей главная страница в настоящее время стиля с помощью:

http://dev.topyaps.com/wp-content/plugins/simplemodal-login/css/default.css?ver=1.0.7

В то время как ваша страница содержания в настоящее время стиля по:

http://dev.topyaps.com/wp-content/plugins/challenges/modal/jquery.modal.css?ver=3.9.1

Похоже, вы можете иметь два, конфликтующие плагин на работе.

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